§ ITPOW >> 文档 >> JavaScript >> DOM & DHTML

作者：vkvi 来源：ITPOW（原创） 日期：2013-6-15

JavaScript 可以用 style 属性获取元素的 CSS 样式属性，但是，这仅限于通过 style 属性设置的，通过是其他方式，则取不到，比如：

<style type="text/css"> p { color:#f00; } </style> <p id="p1" style="font-size:13px;">www.itpow.com</p>

如上，如果我们要通过 document.getElementById("p1").style.fontSize 来取值，是取得到 13px 的，而取 style.color 是取不到的。

解决办法

if (p1.currentStyle) { // IE return p1.currentStyle["color"]; } else if(window.getComputedStyle) { // Chrome return window.getComputedStyle(p1, null)["color"]; }

getComputedStyle 的第二个参数 pseudoElt，表示：指明要匹配的伪元素（比如 :after，注意不是 :hover 这样的伪类），对于普通元素指定为 null 即可。