HTML DOM 元素 nodeType
更多“自己尝试”的例子见下文。
描述
nodeType 属性返回指定节点的节点类型，以数字形式表示。
如果节点是元素节点，则 nodeType 属性将返回 1。
如果节点是属性节点，则 nodeType 属性将返回 2。
如果节点是文本节点，则 nodeType 属性将返回 3。
如果节点是注释节点，则 nodeType 属性将返回 8。
此属性为只读。
语法
节点.nodeType
返回值
| 类型 | 描述 |
| Number | 节点的节点类型。 见下表。 |
节点类型
HTML 或 XML 文档的文档、元素、属性和其他节点具有不同的节点类型。
共有 12 种不同的节点类型，它们可能具有各种节点类型的子节点。
| 类型 | 描述 | 子节点 | |
|---|---|---|---|
| 1 | 元素 | 表示一个元素 | 元素、文本、注释、处理指令、CDATA 部分、实体引用 |
| 2 | 属性 | 表示一个属性 | 文本、实体引用 |
| 3 | 文本 | 表示元素或属性中的文本内容 | 无 |
| 4 | CDATASection | 表示文档中的 CDATA 部分（不会被解析器解析的文本） | 无 |
| 5 | EntityReference | 表示一个实体引用 | 元素、处理指令、注释、文本、CDATA 部分、实体引用 |
| 6 | 实体 | 表示一个实体 | 元素、处理指令、注释、文本、CDATA 部分、实体引用 |
| 7 | ProcessingInstruction | 表示一个处理指令 | 无 |
| 8 | 注释 | 表示一个注释 | 无 |
| 9 | 文档 | 表示整个文档（DOM 树的根节点） | 元素、处理指令、注释、DocumentType |
| 10 | DocumentType | 提供文档中定义的实体的接口 | 无 |
| 11 | DocumentFragment | 表示一个“轻量级”文档对象，可以包含文档的一部分 | 元素、处理指令、注释、文本、CDATA 部分、实体引用 |
| 12 | Notation | 表示在 DTD 中声明的符号 | 无 |
节点类型 - 返回值
nodeName 和 nodeValue 属性对每种节点类型的返回值
| 类型 | nodeName | nodeValue | |
|---|---|---|---|
| 1 | 元素 | 元素名称 | null |
| 2 | 属性 | 属性名称 | 属性值 |
| 3 | 文本 | #text | 节点内容 |
| 4 | CDATASection | #cdata-section | 节点内容 |
| 5 | EntityReference | 实体引用名称 | null |
| 6 | 实体 | 实体名称 | null |
| 7 | ProcessingInstruction | target | 节点内容 |
| 8 | 注释 | #comment | 注释文本 |
| 9 | 文档 | #document | null |
| 10 | DocumentType | doctype 名称 | null |
| 11 | DocumentFragment | #document fragment | null |
| 12 | Notation | 符号名称 | null |
NodeTypes - 命名常量
| 类型 | 命名常量 |
|---|---|
| 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 Level 1 (1998) 的一个特性。
所有浏览器都完全支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
