书山有路勤为径,学海无涯苦作舟。 知识改变命运,行动创造未来。

DOM文档对象模型

DOM文档对象模型

简介

  • DOM是HTML和XML文档的一个API(应用程序编程接口)
  • 通过 HTML DOM,可添加、删除、修改 HTML 文档的所有元素。
  • 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。

结构

编写HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>hello world!</title>
	</head>
	<body>
		<div id="">
			hello world!
		</div>
	</body>
</html>

分析dom

images

  • HTML 或 XML 文档包含一个由多层节点构成的结构。

  • 节点分为几种不同的类 型,每种类型分别表示文档中不同的信息及(或)标记。

  • 每个节点都拥有各自的特点、数据和方法,另 外也与其他节点存在某种关系。

  • 节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点 为根节点的树形结构。

  • 一个HTML页面就是一个文档节点

  • 文档节点只有一个子节点,即元素,我们称之为文档元素。

  • 文档元素是文档的根元素,文档中的其他所有元素都包含在文档元素中。

  • 每个文 档只能有一个文档元素。在 HTML 页面中,文档元素始终都是元素。

  • HTML中的每一个标签都可以通过DOM树中的一个节点来表示

HTML 元素通过元素节点表示,特性(attribute) 通过特性节点表示,文档类型通过文档类型节点表示,而注释则通过注释节点表示。总共有 12 种节点 类型,这些类型都继承自一个基类型。