452
05.javascript访问CSS
获取元素的真实，最终的css样式属性的函数：
function getStyle(elem, name) {
//如果存在于style[]中，直接返回
if (elem.style[name]){
return elem.style[name];
}
//尝试使用IE的方法
else if (elem.currentStyle) {
return elem.currentStyle[name];
}
//或者使用W3C的方法
else if (document.defaultView && document.defaultView.getComputedStyle) {
name = name.replace(/([A-Z])/g, "-$1");
name = name.toLowerCase();
var s = document.defaultView.getComputedStyle(elem, "");
return s && s.getPropertyValue(name);
}
//否则用户使用的是其他的浏览器
else return null;
}
使用方法：
<span mce_>Hello World</span><br /> <input type="Button" value="getStyle()" /> <mce:script type="text/javascript"><!-- function test() { var hello = document.getElementById("hello"); alert("color:" + getStyle(hello, "color") + ",font-size:" + getStyle(hello,"font-size")); } // --></mce:script>
最后更新：2017-04-02 06:51:34