HTML DOM nodeType 属性
页面下方有更多实例。
定义和用法
nodeType 属性返回节点类型。
如果节点是一个元素节点，nodeType 属性返回 1。
如果节点是属性节点, nodeType 属性返回 2。
如果节点是一个文本节点，nodeType 属性返回 3。
如果节点是一个注释节点，nodeType 属性返回 8。
该属性是只读的。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| nodeType | Yes | Yes | Yes | Yes | Yes |
语法
node.nodeType
技术细节
| 返回值: | 一个数字， 表示节点的节点类型 |
|---|---|
| DOM 版本 | Core Level 1 Node Object |
节点类型
HTML 或 XML 文档的文件、元素、属性和其他方面具有不同的节点类型。
有12种不同的节点类型，它们可能有不同节点类型的子节点:
| 节点类型 | 描述 | 子元素 | |
|---|---|---|---|
| 1 | Element | 表示一个元素 | Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference |
| 2 | Attr | 表示一个属性 | Text, EntityReference |
| 3 | Text | 表示元素或属性中的文本内容 | None |
| 4 | CDATASection | 表示文档中的CDATA节（解析器不会解析的文本） | None |
| 5 | EntityReference | 表示实体引用 | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
| 6 | Entity | 代表一个实体 | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
| 7 | ProcessingInstruction | 表示处理指令 | None |
| 8 | Comment | 代表注释 | None |
| 9 | Document | 表示整个文档（DOM树的根节点） | Element, ProcessingInstruction, Comment, DocumentType |
| 10 | DocumentType | 为文档定义的实体提供接口 | None |
| 11 | DocumentFragment | 表示一个"轻量级"文档对象，它可以保存文档的一部分 | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
| 12 | Notation | 表示DTD中声明的符号 | None |
节点类型 - 返回值
返回节点名和每个节点类型节点值属性的值:
| 节点类型 | nodeName 返回值 | nodeValue 返回值 | |
|---|---|---|---|
| 1 | Element | 元素名 | null |
| 2 | Attr | 属性名 | 属性值 |
| 3 | Text | #text | 节点内容 |
| 4 | CDATASection | #cdata-section | 节点内容 |
| 5 | EntityReference | 实体参考名 | null |
| 6 | Entity | 实体名 | null |
| 7 | ProcessingInstruction | target | 节点的内容 |
| 8 | Comment | #comment | 注释文本 |
| 9 | Document | #document | null |
| 10 | DocumentType | doctype name | null |
| 11 | DocumentFragment | #document fragment | null |
| 12 | Notation | 符号名称 | null |
节点类型 - 命名常量
| 节点类型 | 命名常量 |
|---|---|
| 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 |
更多实例
实例
获取 <body> 元素的子节点的节点类型:
var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeType + "<br>";
}
document.getElementById("demo").innerHTML = txt;
亲自试一试 »
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeType + "<br>";
}
document.getElementById("demo").innerHTML = txt;
实例
获取 <div> 元素的第一个子节点的节点名、节点值和节点类型:
<div id="myDIV">This is a div element.</div>
<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>
亲自试一试 »
<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>
相关页面
HTML DOM 参考手册: node.nodeName 属性
HTML DOM 参考手册: node.nodeValue 属性
HTML DOM 参考手册: node.childNodes 属性
