上一篇講了兩種獲取樣式的方式 。
1. 通過直接訪問style對象
2. 通過方法getAttribute
這兩種方法都沒法獲取用戶代理或者樣式表設(shè)置的樣式值 。今天我來講一種跨瀏覽器的方式來獲取所有的與DOM相關(guān)的樣式值 。
一. 跨瀏覽器方法
currentStyle對象是一個特定于IE的對象 。它包含了一個元素的所有支持的和可用的CSS屬性的一個集合 。它期待駱駝表示 格式的一個值。
比如：fontFamily而不是font-family
所以，這里，如果是支持這個對象的瀏覽器調(diào)用的話，就使用CSSPROP 。
從代碼中，可以看出，其它瀏覽器，使用的是window.getComputedStyle方法 。該方法也可以通過
document.defalutView.getComputedStyle來訪問 。這個方法接受兩個參數(shù)，元素和一個偽元素，后者通常為空（或者一個空字符串””） 。
二. 獲取屬性的優(yōu)先級竟然是能獲取所有與DOM相關(guān)的樣式屬性，那必然有一個優(yōu)先級的問題 。
<style> #elem{font-size:23px;}</style><input id ="elem" style="font-size:18px;"/>elem.style.fontSize = '12px';console.log(getStyle(elem, "fontSize", "font-size"))// 輸出12px當(dāng)在幾處同時設(shè)置一個屬性時，getStyle方法獲取永遠是那個起使用的，這一點要高度關(guān)注 。
getStyle取值的優(yōu)先級是：
1. 動態(tài)設(shè)置的
2. 內(nèi)聯(lián)設(shè)置的
3. 樣式表設(shè)置的
【js通過class獲取元素的方法 js如何獲取元素的寬度】4. 瀏覽器默認(rèn)設(shè)置的
推薦閱讀
- 減肥期間暴食了如何調(diào)整
- 我的俠客武學(xué)怎么獲得 我的俠客武學(xué)獲取方法匯總
- 我的俠客生活道具在哪 我的俠客生活道具獲取位置大全
- 漫威復(fù)仇者聯(lián)盟黑暗神書有什么用 黑暗神書獲取方法
- 也因此食用黃皮可以獲取以下好處
- 企業(yè)場所碼申請流程 企業(yè)二維碼如何獲取支付寶
- 如何查詢車輛信息 如何通過車架號看車輛的信息？
- 漫威復(fù)仇者聯(lián)盟主要文物有什么用 主要文物獲取方法
- 明月之后怎么刷金條 金條快速獲取方法介紹
- 如何通過食物補充維生素B1