获取dom元素的真实style属性。
程序员文章站
2022-07-04 11:07:41
...
今天需要写一个滑动的特效,在开发的过程中发现,通过js获取dom的style样式时,style中的属性全是空字符串,而css中明明已经定义了bottom,z-index等等属性。
查阅了相关资料后了解到,js获取到的dom对象的style通常是没有值得,因为我们都写在外部文件中。而dom.style这种方式获取到的样式只能是内联样式。
要想获取到实际的css样式,我们需要使用以下方法,来获取实际的style样式:
function getStyle (obj, attr) {
if (obj.currentStyle) { // 兼容IE
return obj.currentStyle[attr]
} else {
return window.getComputedStyle(obj, null)[attr]
};
};
当然了,要想准确使用,前提是dom已经渲染完毕,样式已经渲染成功才行。