HTML DOM Element nodeType属性

定義と使用法

nodeType 指定されたノードのノードタイプを数字で返します。

  • ノードが要素ノードの場合、nodeType属性は 1
  • ノードが属性ノードの場合、nodeType属性は 2
  • ノードがテキストノードの場合、nodeType属性は 3
  • ノードがコメントノードの場合、nodeType属性は 8

この属性は読み取り専用です。

も参照してください:

nodeName属性

nodeValue属性

tagName属性

childNodes属性

例1

「body」要素のノードタイプを取得します:

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

自分で試してみてください

例2

「<body>」要素のノードタイプを返します:

document.body.nodeType;

自分で試してみてください

例3

すべての要素のノードタイプを表示します:

const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeType + "<br>";
}

自分で試してみてください

例4

「myDIV」の最初の子節点のノード名、値、およびタイプを取得します:

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

自分で試してみてください

文法

node.nodeType

返り値

タイプ 説明
数値 ノードのノードタイプ。以下の表を参照してください。

ノードタイプ

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 要素名 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 名前 null
11 DocumentFragment #document フラグメント 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

ブラウザのサポート

element.nodeType DOMレベル1(1998)の機能です。

すべてのブラウザが完全にサポートしています:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート