设置元素的 CSS 样式
通过style
属性还可以用来设置元素的样式,这些样式会添加在元素的内联样式中:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<style>
h1 {
color: red;
}
</style>
<h1>hello world</h1>
<script>
var h1 = document.querySelector("h1");
console.log("修改前的color: ", window.getComputedStyle(h1).color);
h1.style.color = "green";
console.log("修改后的color: ", window.getComputedStyle(h1).color);
</script>
|
案例源码

注意:使用style
设置样式时,样式名需要适应驼峰命名法!