獲取計算後樣式的方法(相容版)

2022-08-11 17:30:27 字數 405 閱讀 6073

標準下獲取計算後樣式

getcomputedstyle(el)["attr"]
ie下獲取計算後樣式
el.currentstyle["attr"]

相容版封裝函式:

function getstyle(el,attr) 

return getcomputedstyle(el)[attr];

}注:el(元素) attr(屬性名稱)

備註:因為el.currentstyle是乙個屬性,ie下是有這個屬性的就會返回true,而標準下是沒有這個屬性的那就是undefined,undefined會返回false,所以可以用來做判斷;

用法

獲取CSS計算後的樣式

window.onload function else console.log width var width window.getcomputedstyle div width var width div.currentstyle.width json遍歷 var opation for var ...

獲取設定樣式的相容的方法

設定或獲採樣式相容函式 function css obj,attr,val else else style.currentstyle,getcomputedstyle,getattribute currentstyle是針對ie的,所以上面封裝好的,直接用 為屬性.ele為元素.1.style.是針...

計算後的樣式

一 高階瀏覽器和低階瀏覽器的不同寫法 w3c制定的標準 api,所有 現代瀏覽器 包括ie9,但不包括之前的版本 都實現了 window.getcomputedstyle 該方法接收乙個要進行樣式計算的元素,並返回乙個 樣式物件 樣式物件 提供了getpropertyvalue 的方法,用於檢索特定...