在开发中,我们需要顾及浏览器的兼容性;
而currentStyle和getComputedStyle对于浏览器的支持方面存在着不同之处;
currentStyle仅IE支持;
getComputedStyle在IE9+,以及大部分浏览器支持;
那么怎么获取元素对象的属性?
语法:
元素对象.currentStyle.属性名;
getComputedStyle(元素对象,伪元素(一般设为null));
以下就是几乎能兼容所有浏览器的获取元素显示出来的属性的值的代码
1 function Displaystyle(obj,name){ 2 //获取实时显示样式; 3 4 if(window.getComputedStyle){ 5 //getComputedStyle(),IE9+及大部分浏览器支持; 6 return getComputedStyle(obj,null)[name]; 7 }else{ 8 //currentStyle,IE8及以下不支持,且仅IE浏览器支持; 9 return obj.currentStyle[name]; 10 } 11 }