通过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，如需转载请自行联系原作者