最新的Web开发教程
 

HTML DOM nodeType Propery

<元素对象

例

获取body元素的节点类型：

var x = document.getElementById("myP").nodeType;

x的结果将是：

1
试一试»

更多"Try it Yourself"下面的例子。

定义和用法

NodeType属性返回节点类型，为多个指定的节点的，。

如果该节点是一个元素节点，该节点类型属性将返回1。

如果节点是属性节点，该节点类型属性将返回2。

如果该节点是一个文本节点，则nodeType属性将返回3。

如果该节点是注释节点，nodeType属性将返回8。

此属性为只读。

浏览器支持

属性
nodeType 是 是 是 是 是

句法

node .nodeType

技术细节

返回值： 一个数字，表示该节点的节点类型
DOM版本 核心1级节点对象

节点类型

文档，元素，属性，和一个HTML或XML文档的其它方面具有不同的节点类型。

有12种不同的节点类型，它可以有各种节点类型的孩子：

节点类型 描述 孩子
1 元件 代表一个元素 元素，文本，注释，的ProcessingInstruction，CDATASection的，的EntityReference
2 ATTR 表示一个属性 文字的EntityReference
3 文本 表示的元素或属性的文本内容 没有
4 的CDATASection 代表文档的CDATA节（文字不会被解析器解析） 没有
五 的EntityReference 表示一个实体引用 元素的ProcessingInstruction，评论，文本，CDATASection的，的EntityReference
6 实体 代表实体 元素的ProcessingInstruction，评论，文本，CDATASection的，的EntityReference
7 的ProcessingInstruction 表示一个处理指令 没有
8 评论 表示注释 没有
9 文件 表示整个文档(the root-node of the DOM tree) 元素的ProcessingInstruction，评论，DocumentType
10 DocumentType 提供为文档定义的实体提供接口 没有
11 的DocumentFragment 代表一个"lightweight"文档对象，可容纳一个文档的一部分 元素的ProcessingInstruction，评论，文本，CDATASection的，的EntityReference
12 符号 表示在DTD中声明的表示法 没有

节点类型 - 返回值

的节点名称和每个节点类型的nodeValue属性的返回值：

节点类型 节点名称回报 的nodeValue返回
1 元件 元素名称 空值
2 ATTR 属性名称 属性值
3 文本 ＃文本 节点的内容
4 的CDATASection ＃CDATA段 节点的内容
五 的EntityReference 实体引用名 空值
6 实体 实体名称 空值
7 的ProcessingInstruction 目标 节点的内容
8 评论 ＃评论 注释文本
9 文件 ＃文件 空值
10 DocumentType DOCTYPE名 空值
11 的DocumentFragment #document片段 空值
12 符号 符号名 空值

NodeTypes - 命名常量

节点类型 命名常量
1 ELEMENT_NODE
2 ATTRIBUTE_NODE
3 TEXT_NODE
4 CDATA_SECTION_NODE
五 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 x = document.body.nodeType;

x的结果将是：

1
试一试»

例

获取节点类型的<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;

TXT的结果将是：

3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
8    // comment node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
试一试»

例

获取节点名称，节点值和的节点类型<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>

TXT的结果将是：

The node name: #text
The node value: This is a div element.
The node type: 3
试一试»

相关页面

HTML DOM参考： 节点。 nodeName属性

HTML DOM参考： 节点。 nodeValue属性

HTML DOM参考： 节点。 的childNodes属性

<元素对象