JavaScript DOM 控制CSS

JavaScript更改P元素的样式:
1.<html>
2.<body>
3.<p id="p2">Hello World!>
4.<script>
5.document.getElementById("p2").style.color = "red";
6.</script>
7.<p>The paragraph above was changed by a script.</p>
8.</body>
9.</html>
单击按钮时,此示例更改id="id1"元素的样式:
1.<!DOCTYPE html>
2.<html>
3.<body>
4.<h1 id="id1">My Heading 1</h1>
5.<button type="button"
6.onclick="document.getElementById('id1').style.color = 'blue'">
7.点击我!>
8.</body>
9.</html>

猜你喜欢

转载自blog.51cto.com/14889696/2514499