(共566篇)
全部分类

设置元素的CSS样式
[ JS基础 ] 

设置元素的 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设置样式时,样式名需要适应驼峰命名法!