操作元素样式
-
通过类名添加样式
元素.className = 类名;
-
通过
js方法添加行内样式 元素.style.属性名 = 属性值;
- 注意：
- 通过style只能获取行内样式
- 通过style会覆盖CSS样式，因为是行内样式
- 若想获取CSS样式，可通过
window.getComputedStyle(元素)返回一个对象，然后通过对象.属性名获取
-
通过
getComputedStyle(元素)获取样式 -
注意：
读取的样式是最终样式，包括了内联样式、嵌入样式和外部样式。
会随着元素的样式更改自动更新
返回一个对象，通过对象.属性取得样式
只能获取，不能修改
