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 |