最新のWeb開発のチュートリアル
 

HTML DOM nodeType Propery

<Elementオブジェクト

例

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

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

xの結果は次のようになります。

1
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。

定義と使用法

NodeTypeプロパティは、指定されたノードの数として、ノードのタイプを返します。

ノードが要素ノードである場合には、NodeTypeプロパティには、1を返します。

ノードが属性ノードである場合には、NodeTypeプロパティには2を返します。

ノードがテキストノードである場合には、NodeTypeプロパティは3を返します。

ノードがコメントノードである場合には、NodeTypeプロパティは8を返します。

このプロパティは読み取り専用です。

ブラウザのサポート

プロパティ
nodeType はい はい はい はい はい

構文

node .nodeType

技術的な詳細

戻り値： ノードのノードタイプを表す番号、
DOMバージョン コアレベル1ノードオブジェクト

ノード・タイプ

ドキュメント、要素、属性、およびHTMLやXML文書の他の側面は、異なるノードタイプがあります。

様々なノード型の子を持つことがあり、12種類のノードタイプがあります。

ノードタイプ 説明 子供
1 素子 要素を表し 要素、テキスト、コメント、処理命令、CDATAセクション、実体参照
2 ATTR 属性を表します テキスト、実体参照
3 テキスト 要素や属性でテキストの内容を表します なし
4 CDATAセクション （パーサによって解析されませんテキスト）文書のCDATAセクションを表します なし
5 実体参照 エンティティ参照を表します 要素、処理命令、コメント、テキスト、CDATAセクション、実体参照
6 エンティティ エンティティを表します 要素、処理命令、コメント、テキスト、CDATAセクション、実体参照
7 処理命令 処理命令を表します なし
8 コメント コメントを表します なし
9 資料 文書全体を表し(the root-node of the DOM tree) 要素、処理命令、コメント、のDocumentType
10 DocumentType 文書用に定義されたエンティティへのインタフェースを提供します なし
11 ドキュメント・ 表し"lightweight"文書の一部を保持することができDocumentオブジェクトを、 要素、処理命令、コメント、テキスト、CDATAセクション、実体参照
12 表記法 DTDで宣言された表記法を表します なし

ノード・タイプ - 戻り値

nodeNameの各ノードタイプについてのnodeValueプロパティの戻り値：

ノードタイプ nodeNameのリターン nodeValueリターン
1 素子 要素名 ヌル
2 ATTR 属性名 属性値
3 テキスト ＃テキスト ノードの内容
4 CDATAセクション ＃のCDATAセクション ノードの内容
5 実体参照 実体参照名 ヌル
6 エンティティ エンティティ名 ヌル
7 処理命令 ターゲット ノードの内容
8 コメント ＃コメント コメントテキスト
9 資料 ＃資料 ヌル
10 DocumentType DOCTYPE名 ヌル
11 ドキュメント・ #documentフラグメント ヌル
12 表記法 表記名 ヌル

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
例

その他の例

例

ノードタイプを取得<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プロパティ

<Elementオブジェクト