文档对象模型
Coddy JavaScript DOM 方法 课程的第 2 课,共 13 课。
文档对象模型(DOM)是 HTML 文档的层级表示形式,JavaScript 可以通过它与网页元素交互并对其进行操作。
- DOM 将 HTML 文档表示为一棵对象树。
- HTML 代码中的每个元素都对应树中的一个节点。
- 文档本身是根节点。
- 通过不同的 DOM 方法,你可以访问、创建和修改这些节点及其内容。这样,你就可以动态更改网页。
例如,以下代码:
<html>
<head>
<title>My title</title>
</head>
<body>
<h1>A heading</h1>
<a href="#">Link text</a>
</body>
</html>将表示为以下 DOM 结构:

让我们深入了解吧!
亲手试试
这节课没有代码挑战。
JavaScript DOM 方法中的所有课
自己练习: Web 在线编辑器