SSISO Community

시소당

동적Html] expression()

설명1)

 

expression() 은 어떤 계산된 값을주고자 할때 사용됩니다~
JS 에서의 사용법은 다음과 같습니다...
setExpression(속성, 계산)
A.style.setExpression("width", "iCnt*10");
B.setExpression("innerText", "iCnt.toString()");


 

설명2)

 



간단요약.

호환성: 익스 - 아래 세가지 모두 지원
넷스6,7 - offsetLeft만 지원(단 익스와 달리 선의 두께는 제외)

요 약:

expression() - ()안에는 자바스크립트 명령어,함수를 사용할 수 있읍니다.

온라인문서 => http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/setexpression.asp

offsetLeft - 부모요소를 기준한 좌표지점입니다.

부모요소가 없다면 body를 기준으로 좌표가 지정됩니다.

clientLeft - 좌표가 아닌 요소의 border굵기입니다.

clientWidth와 관련이 있는데 이 속성은 style속성의 border의 두께를
제외합니다.

따라서 전체 요소의 넓이를 구하기 위해서는

clientWidth + clientLeft + clientRight 가 됩니다.

* 위의 식은 offsetWidth와 동일합니다.
[예문]-----------------------------------

<STYLE>
body {background-color: expression(bg()); font-size:12px;}
</STYLE>

<script>
function bg()
{
return '#99ccee';
}
</script>

<span id="elm1" style="border:15px solid #000000;width:100px;">요소</span> <br />

<script>

var elm1 = document.getElementById('elm1');

document.write(elm1.offsetLeft,'<br />'); // 요소의 좌표(body기준) 10반환
document.write(elm1.clientLeft,'<br />'); // 요소의 선넓이 border:15px반환

</script>

[출처] 동적Html] expression() |작성자 oryne

7623 view

4.0 stars