JavaScript

67 JavaScript HTML DOM

67.7 JavaScript HTML DOM - 改变 CSS

HTML DOM 允许 JavaScript 更改 HTML 元素的样式。

67.7.1 改变 HTML 样式

如需更改 HTML 元素的样式，请使用此语法：

document.getElementById(id).style.property = new style
1

更改

元素的样式：

Hello World!



上面的段落已被脚本改变。



1
2
3
4
5
6
7
8
9
10
11
12
13

67.7.2 使用事件

HTML DOM 允许在事件发生时执行代码。

当“某些事情”在 HTML 元素上发生时，浏览器会生成事件：

• 点击某个元素时
• 页面加载时
• 输入字段被更改时

本例会在用户点击按钮时，更改 id=“id1” 的 HTML 元素的样式：

我的标题 1


点击我！




1
2
3
4
5
6
7
8
9
10
11
12