요소의 실제 너비와 높이를 얻으려면 IE에서 currentStyle 속성을 사용할 수 있다는 것을 알고 있습니다. 그러나 요소의 너비와 높이가 명시적으로 설정되지 않은 경우 이 속성은 획득되지 않으며 획득된 값은 auto가 됩니다. 다음과 같습니다
abcd< /div>
<script> <br>var div = document.getElementsByTagName('div')[0]; <br>alert(div.currentStyle.width); ); <br> </script>
IE6/7/8/9의 출력은 자동입니다. 표시된 너비와 높이가 설정된 경우 실제 너비와 높이가 출력됩니다. 다음
1, 인라인 스타일 속성 설정
abcd
<script> <br>var div = document.getElementsByTagName('div') [0]; <br>alert(div.currentStyle.width); <br>alert(div.currentStyle.height) <br></script>
2, 삽입으로 설정 페이지의 스타일 태그
div {
폭: 100px;
}
abcd
;
var div = document.getElementsByTagName('div')[0];
alert(div.currentStyle.width)
alert(div.currentStyle.height); ;
둘 다 100px, 50px로 출력됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
