JS樣式獲取的封裝方法

樣式獲取

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'));