HTML DOM 元素节点类型
下面还有更多“自己试试”的示例。
描述
nodeType 属性以数字形式返回指定节点的节点类型。
如果节点是元素节点，nodeType 属性将返回 1。
如果节点是属性节点，nodeType 属性将返回 2。
如果节点是文本节点，nodeType 属性将返回 3。
如果节点是注释节点，nodeType 属性将返回 8。
此属性是只读的。
语法
node.nodeType
返回值
| 类型 | 描述 |
| 数字 | 节点的节点类型。 请参见下面的表格。 |
节点类型
HTML 或 XML 文档的文档、元素、属性和其他节点具有不同的节点类型。
共有 12 种不同的节点类型，它们可能具有各种节点类型的子节点
| 类型 | 描述 | 子节点 | |
|---|---|---|---|
| 1 | 元素 | 表示一个元素 | 元素、文本、注释、处理指令、CDATA 部分、实体引用 |
| 2 | 属性 | 表示一个属性 | 文本、实体引用 |
| 3 | 文本 | 表示元素或属性中的文本内容 | 无 |
| 4 | CDATA 部分 | 表示文档中的 CDATA 部分（解析器不会解析的文本） | 无 |
| 5 | 实体引用 | 表示实体引用 | 元素、处理指令、注释、文本、CDATA 部分、实体引用 |
| 6 | 实体 | 表示一个实体 | 元素、处理指令、注释、文本、CDATA 部分、实体引用 |
| 7 | 处理指令 | 表示一个处理指令 | 无 |
| 8 | 注释 | 表示一个注释 | 无 |
| 9 | 文档 | 表示整个文档（DOM 树的根节点） | 元素、处理指令、注释、文档类型 |
| 10 | 文档类型 | 提供对为文档定义的实体的接口 | 无 |
| 11 | 文档片段 | 表示一个“轻量级”文档对象，它可以包含文档的一部分 | 元素、处理指令、注释、文本、CDATA 部分、实体引用 |
| 12 | 符号 | 表示在 DTD 中声明的符号 | 无 |
节点类型 - 返回值
每个节点类型 nodeName 和 nodeValue 属性的返回值
| 类型 | nodeName | nodeValue | |
|---|---|---|---|
| 1 | 元素 | 元素名称 | 空 |
| 2 | 属性 | 属性名称 | 属性值 |
| 3 | 文本 | #text | 节点内容 |
| 4 | CDATA 部分 | #cdata-section | 节点内容 |
| 5 | 实体引用 | 实体引用名称 | 空 |
| 6 | 实体 | 实体名称 | 空 |
| 7 | 处理指令 | 目标 | 节点内容 |
| 8 | 注释 | #comment | 注释文本 |
| 9 | 文档 | #document | 空 |
| 10 | 文档类型 | 文档类型名称 | 空 |
| 11 | 文档片段 | #document fragment | 空 |
| 12 | 符号 | 符号名称 | 空 |
节点类型 - 命名的常量
| 类型 | 命名的常量 |
|---|---|
| 1 | ELEMENT_NODE |
| 2 | ATTRIBUTE_NODE |
| 3 | TEXT_NODE |
| 4 | CDATA_SECTION_NODE |
| 5 | ENTITY_REFERENCE_NODE |
| 6 | ENTITY_NODE |
| 7 | PROCESSING_INSTRUCTION_NODE |
| 8 | COMMENT_NODE |
| 9 | DOCUMENT_NODE |
| 10 | DOCUMENT_TYPE_NODE |
| 11 | DOCUMENT_FRAGMENT_NODE |
| 12 | NOTATION_NODE |
更多示例
示例
显示所有元素的节点类型
const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
text += nodes[i].nodeType + "<br>";
}
自己试试 »
示例
获取“myDIV”的第一个子节点的节点名称、值和类型
const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "名称: " + x.nodeName + "<br>";
text += "值: " + x.nodeValue + "<br>";
text += "类型: " + x.nodeType;
自己试试 »
浏览器支持
element.nodeType 是 DOM 级别 1 (1998) 的特性。
它在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
