JavaScript DOM 控制CSS
时间：2020-07-29 21:27:36
收藏：0
阅读：85
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>
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>
评论（0）