js如何操作元素的样式
程序员文章站
2022-04-29 13:51:43
...
js如何操作元素的样式
语法 ：元素.style.样式名 = 样式值
<style>
#box {
width: 100px;
height: 100px;
background-color: yellow;
}
</style>
<body>
<button id="add">添加样式</button>
<br><br><br><br>
<div id="box"></div>
<script>
document.getElementById("add").onclick = function () {
document.getElementById("box").style.height = "300px"
document.getElementById("box").style.backgroundColor = "red"
}
</script>
</body>
注意点：
1- 通过这个js语法操作元素的样式，是个这个元素添加内联样式
2- 读取元素，也是读取的元素的内联样式
上一篇： 曹操身为一个雄才大略之人 为什么会因为一句话会被黑呢
下一篇： 神奇的Perl-第六个任务(3)