Menu
CoddyTech

文档对象模型

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 在线编辑器