HTML DOM详解

HTML DOM详解
DOM (Document Object Model) 译为文档对象模型,是 HTML 和 XML 文档的编程接口。
HTML DOM 定义了访问和操作 HTML 文档的标准方法。
DOM 以树结构表达 HTML 文档。

HTML DOM树形结构图:
在这里插入图片描述

HTML DOM定义了访问和操作HTML文档的标准。

那到底什么是DOM呢?
DOM是大名鼎鼎的W3C(万维网)的标准
定义了访问和操作HTML文档的标准:
W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"

W3C DOM标准被分为三个部分:
核心DOM-针对任何结构化文档的标准模型
XML DOM-针对XML的标准模型
HTML DOM-针对HTML的标准模型
请注意 :DOM 是 Document Object Model(文档对象模型)的缩写。

什么是XML DOM呢?
XML DOM定义了XML元素的对象和属性,以及访问他们的方法,这里不做详细解释。

什么是HTML DOM?
HTML DOM是:
HTML的标准对象模型
HTML的标准编程接口
W3C的标准
HTML DOM 定义了所有HTML元素的对象和属性,以及访问他们的方法,
简单点说就是HTML DOM是关于如何获取,修改,添加,及删除HTML元素的标准。

HTML DOM节点
在HTML DOM中所有的事物都是节点,DOM是被视为节点树的HTML。

DOM Nodes
DOM节点

根据W3C的HTML DOM标准,HTML文档中所有的内容都是节点:
1.整个文档是一个文档节点
2.每个HTML元素都是元素节点
3.HTML元素内的文本是文本节点
4.每个HTML属性是属性节点
5.注释是注释节点

HTML DOM节点树
HTML DOM将HTML文档视为树结构,这种结构被称为节点树:
在这里插入图片描述

节点父,子,同胞的关系
节点树中的节点彼此都有层级关系

我们常用父(parent)、子(child)和同胞(sibling)等术语来描述这些关系。父节点拥有子节点。同级的子节点被称为同胞(兄弟或姐妹)
1,节点树中,最顶端的节点被称为根(root)
2,每个节点都有父节点,除了根(根没有父节点)。
3,一个节点可以拥有任意数量的子节点
4,同胞是拥有相同父节点的节点关系。
下图展示了节点树的以部分 以及节点之间的关系:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44538566/article/details/99697730