最新的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屬性

<元素對象