지정된 속성의 표현식을 반환한다.

인수/파라메터
sPropertyName
필수적인 요소이며, 표현식을 읽어올 속성 이름을 지정하는 문자열이다.
반환값

반환값 vExpression은 속성의 표현식을 대표하는 값이다.

특기

적용
개체scriptIE
참조
style 목록(CSS Attributes) getExpression, remove, setExpression, recalc

메서드 예제

청색 바탕에 물색 글자 400 픽셀 너비
노랑바탕에 녹색 글자 100 픽셀 너비
표현식이 있는 부분
결과 표시창

CSS에서 getExpression 메서드로 div 개체의 width 속성을 반환받는다.

<BODY>
<DIV id="div1Obj" style="background-color:blue;color:aqua;width:400">청색 바탕에 물색 글자 400 픽셀 너비</DIV>
<DIV id="div2Obj" style="background-color:yellow;color:green;width:200">노랑바탕에 녹색 글자 100 픽셀 너비</DIV>
<DIV id="div3Obj"
  style="background-color:red;color:yellow;width:expression(div1Obj.style.pixelWidth+div2Obj.style.pixelWidth)">표현식이 있는 부분</DIV>
<BUTTON onclick=showA.innerHTML=div3Obj.style.getExpression('width');>클릭하여 표현식을 보라.</BUTTON>
<DIV id=showA>결과 표시창</DIV>
</BODY>

메서드 예제 2





결과 표시창

setExpression 메서드로 청색개체의 width 속성을 설정하고, 표현식를 적용하면 위 두개체의 값들을 합한 값으로 너비를 설정한다.

<HTML>
<HEAD>
<SCRIPT>
function doApply(){
  inObjC.style.setExpression('width','eval(inObjA.value)+eval(inObjB.value)','jscript');
}
function doShow(){
  str='청색 박스의 너비에 대한 표현식은 <FONT color=blue>'+inObjC.style.getExpression('width')+'</FONT>이고,<BR>'
  str+='그 너비 값은(inObjC.style.width)은 <FONT color=blue>'+inObjC.style.width+'</FONT>이다.';
  inObjC.innerText=inObjC.style.width;
  showB.innerHTML=str;
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT type=text id="inObjA" value=40><BR>
<INPUT type=text id="inObjB" value=60><BR>
<INPUT type=text id="inObjC" style="background-color:blue;color:aqua;font-weight:bold"><BR>
<INPUT type=button id="butA" onclick="doApply()" value="클릭하여 표현식 적용하고"><BR>
<INPUT type=button id="butB" onclick="doShow()" value="클릭하여 표현식을 보라.">
<DIV id=showB>결과 표시창</DIV>
</BODY>
</HTML>