您好,欢迎来到智脑网络官网! 云南网站建设外包公司,让我们一起见证企业成长!
演示地址
公司动态 > 技术文档 > 正文

JavaScript DOM 控制CSS

阅览数

时间2020-07-29 15:48:57

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>



官方微信

  • 官方微信