JavaScript Element nodeType 属性

nodeType属性返回指定节点的节点类型（数字）。

如果节点是元素节点，则nodeType属性将返回1。
如果节点是属性节点，则nodeType属性将返回2。
如果节点是文本节点，则nodeType属性将返回3。
如果节点是注释节点，则nodeType属性将返回8。

此属性是只读的。

实例：

获取body元素的节点类型：

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

尝试一下

浏览器支持

项	IE/Edge	Chrome	FireFox	Safari	Opera
属性
nodeType	支持	支持	支持	支持	支持

语法

node.nodeType

技术细节

项目	描述
返回值：	一个数字，表示节点的节点类型
DOM版本	Core Level 1

节点类型

HTML或XML文档的文档，元素，属性和其他方面具有不同的节点类型。有12种不同的节点类型，可能有各种节点类型的子节点：

节点类型	描述	子节点
1 Element	表示一个元素	Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference
2 Attr	表示属性	Text, EntityReference
3 Text	表示元素或属性中的文本内容	没有
4 CDATASection	表示文档中的CDATA部分（不会被解析器解析的文本）	没有
5 EntityReference	表示实体引用	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
6 Entity	代表一个实体	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
7 ProcessingInstruction	表示处理指令	没有
8 Comment	代表注释	没有
9 Document	表示整个文档（DOM树的根节点）	Element, ProcessingInstruction, Comment, DocumentType
10 DocumentType	提供为文档定义的实体的接口	没有
11 DocumentFragment	表示“轻量级”Document对象，它可以保存文档的一部分	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
12 Notation	表示在DTD中声明的表示法	没有

节点类型 - 返回值

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

节点类型	返回nodeName	返回nodeValue
1 Element	element 名称	null
2 Attr	attribute 名称	属性值
3 Text	#text	节点的内容
4 CDATASection	#cdata-section	节点的内容
5 EntityReference	entity 名称	null
6 Entity	entity 名称	null
7 ProcessingInstruction	target	节点的内容
8 Comment	#comment	注释文本
9 Document	#document	null
10 DocumentType	doctype 名称	null
11 DocumentFragment	#document fragment	null
12 Notation	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 x = document.body.nodeType;

尝试一下

获取<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;

尝试一下

获取<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>

尝试一下

JavaScript Element nodeType 属性

JavaScript Element nodeType 属性

浏览器支持

语法

技术细节

节点类型

节点类型 - 返回值

节点类型 - 命名常量

更多例子

相关页面