元素未顯示設定width/height時IE中使用currentStyle取得為auto_javascript技巧

我們知道取得元素的實際寬高在IE中可以使用currentStyle屬性。但如果沒有顯示的去設定元素的寬高，那麼使用該屬性將取得不到，取得的值為auto。如下

複製程式碼 程式碼如下:

abcd

abcd

<script> <BR>var div = document.getElementsByTagName('div')[0]; </script>

alert(div.currentStyle.width);
alert(div.currentStyle.height);
> script>

IE6/7/8/9中輸出的都是auto。如果顯示的設定了寬高，那麼輸出的就是實際寬高。如下1，透過內聯style屬性設定

複製程式碼

代碼如下:


代碼如下:

abcd

<script> </script>

var div = document.getElementsByTagName('div')[0];
alert(div.currentStyle.width);
alert(div.currentStyle.height);

2，透過頁面嵌入style標籤設定 2，透過頁面嵌入style標籤設定

2，透過頁面嵌入style標籤設定


2，透過頁面嵌入style標籤設定


2，透過頁面嵌入style標籤設定


2，透過頁嵌入style標籤設定

複製程式碼
程式碼如下:

abcd

<script> <🎜>var div = document.getElementsByTagName('div')[0] ; <🎜>alert(div.currentStyle.width); <🎜>alert(div.currentStyle.height); <🎜></script> 都會輸出：100px，50px