操作元素樣式
-
通過(guò)類(lèi)名添加樣式
元素.className = 類(lèi)名;
-
通過(guò)
js方法添加行內(nèi)樣式 元素.style.屬性名 = 屬性值;
- 注意：
- 通過(guò)style只能獲取行內(nèi)樣式
- 通過(guò)style會(huì)覆蓋CSS樣式堕伪，因?yàn)槭切袃?nèi)樣式
- 若想獲取CSS樣式酌心，可通過(guò)
window.getComputedStyle(元素)返回一個(gè)對(duì)象，然后通過(guò)對(duì)象.屬性名獲取
-
通過(guò)
getComputedStyle(元素)獲取樣式 -
注意：
讀取的樣式是最終樣式园细，包括了內(nèi)聯(lián)樣式耗式、嵌入樣式和外部樣式。
會(huì)隨著元素的樣式更改自動(dòng)更新
返回一個(gè)對(duì)象五芝，通過(guò)對(duì)象.屬性取得樣式
只能獲取痘儡，不能修改
