通過JS擷取CSS屬性的值

<code>/**</code>

<code> </code><code>* 2013-08-04-通過JS擷取CSS屬性的值</code>

<code> </code><code>* [div description]</code>

<code> </code><code>* @type {[type]}</code>

<code> </code><code>*/</code>

<code>var</code> <code>div = document.getElementById(</code><code>"mydiv"</code><code>);</code>

<code>//1.擷取行内樣式表中CSS的值</code>

<code>alert(div.style.width);</code>

<code>//2.擷取内嵌樣式表和外部樣式表中CSS的值</code>

<code>if</code><code>(document.defaultView) {</code>

<code>    </code><code>//非IE浏覽器</code>

<code>    </code><code>var</code> <code>style = document.defaultView.getComputedStyle(div,</code><code>null</code><code>);</code>

<code>    </code><code>alert(style.width);</code>

<code>} </code><code>else</code> <code>if</code><code>(div.currentStyle) {</code>

<code>    </code><code>//IE浏覽器</code>

<code>    </code><code>alert(div.currentStyle.width);</code>

<code>}</code>

<code></code>

     本文轉自韓立偉 51CTO部落格，原文連結：http://blog.51cto.com/hanchaohan/1263861，如需轉載請自行聯系原作者