欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

获取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已经渲染完毕,样式已经渲染成功才行。