DOM
DOM（Document Object Model，文档对象模型）是浏览器用来表示网页结构的一种编程接口。通俗来说，它把网页上的内容也就是Document（HTML 或 XML）转换成可以用 JavaScript 操作的“对象树”。
假设有这样一个 HTML 网页：
<!DOCTYPE html>
<html>
<head>
<title>我的页面</title>
</head>
<body>
<h1 id="title">欢迎访问！</h1>
</body>
</html>
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
浏览器加载这个页面后，会把它变成一个 DOM 树结构，大致像这样：
document
└── html
├── head
│ └── title
└── body
└── h1 (id="title")
1
2
3
4
5
6
2
3
4
5
6
可以用 JavaScript 来操作 DOM，比如：
document.getElementById("title").innerText = "你好，世界！";
1
DOM可以：
- 读取/修改内容：如修改文本、图片、链接等。
- 操作结构：添加或删除 HTML 元素。
- 监听事件：比如用户点击、输入、滚动等。
- 控制样式：修改元素的样式、隐藏元素等。
编辑 (opens new window)
上次更新: 2025/05/30, 13:56:44