< 返回新闻公共列表
云南大王-JavaScript自定义getStyle方法获取元素样式
发布时间:2020-04-13 00:00:00
兼容性
兼容性如下图所示(摘自 mdn)
解决方法
由于getComputedStyle方法在IE浏览器中只兼容IE9及其以上,而IE8和它之前的浏览器则需要使用currentStyle方法来获取样式,所以我们就可以自定义一个getStyle方法来解决兼容性的问题
代码
自定义getStyle()代码
function getStyle (obj, name) {
if (obj.currentStyle) {
return obj.currentStyle[name];
}
else {
return getComputedStyle(obj)[name];
}
}
完整html代码
getStyle
运行结果
IE8
2.IE11
3.chrome
4.firefox