JS样式获取的封装方法

2023-03-02

方法对象样式

样式获取style属性只能获取标签内容style属性里面存在的一些样式如果你需要获取对应的全局所有地方设置样式我们就需要采用一些方法getComputedStyle方法属于window的方法Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含

样式获取

style属性只能获取标签内容style属性里面存在的一些样式

如果你需要获取对应的全局所有地方设置样式我们就需要采用一些方法

getComputedStyle 方法属于window的方法

Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有 CSS 属性的值。

window.getComputedStyle(元素对象,null) //返回给你的是一个样式对象

ie兼容

element.currentStyle //返回给你一个样式对象

兼容封装

//方法的封装
function getStyle(element,attr){
    var style =  window.getComputedStyle?window.getComputedStyle(element):element.currentStyle
    return style[attr]
}
//调用
console.log(getStyle(box,'height'));