JavaScript DOM 控制CSS

时间：2020-07-29 21:27:36 阅读：85 评论：0 收藏：0 [点我收藏+]

标签：示例 doctype cli script 单击 href oct doc 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>

标签：示例 doctype cli script 单击 href oct doc css

原文地址：https://blog.51cto.com/14889696/2514499

踩

(0)

评论一句话评论（0）