web前端-获取页内样式的属性

element.style.width或者element.style.left 这种方式只能获取行内样式的属性
, 要想获取页内样式, 我们需要使用下面的方法

// 如果是 IE
element.currentStyle[属性名]
// 如果是普通浏览器
window.getComputedStyle(element, null)[属性名);

兼容性写法

// dom 就是要获取属性的 dom 标签, attr就是要获取的属性名, 
// 这里的 null, 就是我们要获取带伪类选择其的 css 样式, 如::after, 则我们需要把::after 传入即可
if(dom.currentStyle) { // IE 
  return dom.currentStyle[attr];
} else { // 普通浏览器
  return window.getComputedStyle(dom,null)[attr];
}