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