我們知道獲取元素的實際寬高在IE中可以使用currentStyle屬性。但如果沒有顯示的去設置元素的寬高,那麼使用該屬性將獲取不到,獲取的值為auto。如下
複製代碼代碼如下:
<div>abcd</div>
<script>
var div = document.getElementsByTagName('div')[0];
alert(div.currentStyle.width);
alert(div.currentStyle.height);
</script>
IE6/7/8/9中輸出的都是auto。如果顯示的設置了寬高,那麼輸出的就是實際寬高。如下
1,通過內聯style屬性設置
複製代碼代碼如下:
<div>abcd</div>
<script>
var div = document.getElementsByTagName('div')[0];
alert(div.currentStyle.width);
alert(div.currentStyle.height);
</script>
2,通過頁面嵌入style標籤設置
複製代碼代碼如下:
<style>
div {
width: 100px;
height: 50px;
}
</style>
<div>abcd</div>
<script>
var div = document.getElementsByTagName('div')[0];
alert(div.currentStyle.width);
alert(div.currentStyle.height);
</script>
都將輸出:100px,50px