DOM中节点

Posted coderly2017

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM中节点相关的知识,希望对你有一定的参考价值。

规定

整个文档是一个文档节点
每个 html 标签是一个元素节点
包含在 HTML 元素中的文本是文本节点
每一个 HTML 属性是一个属性节点
注释属于注释节点

node节点

节点彼此都有等级关系。
HTML 文档中的所有节点组成了一个文档树(或节点树)。
HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。
树起始于文档节点,并由此继续伸出枝条,直到处于这棵树最低级别的所有文本节点为止。

文档树

<html>
<head>
<title>DOM Tutorial</title>
</head>
<body>
<h1>DOM Lesson one</h1>
<p>Hello world!</p>
</body>
</html>

上面所有的节点彼此间都存在关系。
除文档节点之外的每个节点都有父节点。
举例, 和 的父节点是 节点,文本节点 "Hello world!" 的父节点是

节点。
大部分元素节点都有子节点。
比方说, 节点有一个子节点:

以上是关于DOM中节点的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 将片段附加到DOM而不是每个节点。

将片段附加到DOM而不是每个节点。

DOM探索之基础详解——学习笔记

将字符串 XML 片段转换为 Java 中的文档节点

保留对附加节点 javascript 的引用

DOM操作