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>
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>
相关推荐
huaoa 2020-09-14
nmgxzm00 2020-11-10
ifconfig 2020-10-14
hhanbj 2020-11-17
zfszhangyuan 2020-11-16
古叶峰 2020-11-16
一个智障 2020-11-15
jipengx 2020-11-12
81427005 2020-11-11
xixixi 2020-11-11
游走的豚鼠君 2020-11-10
苗疆三刀的随手记 2020-11-10
Web卓不凡 2020-11-03
小飞侠V 2020-11-02
帕尼尼 2020-10-30
爱读书的旅行者 2020-10-26
帕尼尼 2020-10-23
杏仁技术站 2020-10-23