1. getComputedStyle(屬性多) 獲取當前元素所有最終使用的CSS屬性值,返回一個只讀的對象 style (屬性少)可寫 2.currentStyle 與getComputedStyle 作用一樣,只不過瀏覽器適用不一樣 獲取css屬性值 : 1.鍵值對 2.getProperVal ...
1. getComputedStyle(屬性多)
獲取當前元素所有最終使用的CSS屬性值,返回一個只讀的對象
style (屬性少)可寫
var dom = document.getElementById('btn') var a = window.getComputedStyle(dom,null) var b = dom.style console.log(a); console.log(b);
2.currentStyle 與getComputedStyle 作用一樣,只不過瀏覽器適用不一樣
function css(元素, 屬性){ if(obj.currentStyle){ //ie使用 return obj.currentStyle[屬性]; } else { //火狐與chrome return getComputedStyle(元素, 偽類,沒有為null)[屬性]; } }
獲取css屬性值 :
1.鍵值對
2.getProperValue :window.getComputedStyle(element,偽類).getProperValue('屬性名')
兩種方式的不同在於有時值一樣,屬性名是不一樣的