pixelHeight, pixelWidth, posHeight, posWidth, heigh, width 속성 예제

여기를 클릭해보라.
결과 표시창

타이머로 pixelHeight, pixelWidth 속성을 사용하여 값을 증가시켰다.

<SCRIPT>
function scaleThis(){
  if (divObj.style.pixelWidth <400){
    divObj.style.pixelWidth +=5;
    divObj.style.pixelHeight +=2;
    window.setTimeout('scaleThis();', 1);
  }
  str='divObj.style.pixelHeight='+divObj.style.pixelHeight+'<BR>';
  str+='divObj.style.pixelWidth='+divObj.style.pixelWidth+'<BR>';
  str+='divObj.style.posHeight='+divObj.style.posHeight+'<BR>';
  str+='divObj.style.posWdith='+divObj.style.posWidth+'<BR>';
  str+='divObj.style.height='+divObj.style.height+'<BR>';
  str+='divObj.style.wdith='+divObj.style.width+'<BR>';
  showA.innerHTML=str;
}
</SCRIPT>
<DIV id=divObj style="border:solid 1 red;background-color:ffe" onclick=scaleThis()>여기를 클릭해보라.</DIV>
<DIV id=showA>결과 표시창</DIV>