HTML DOMnodeTypeプロパティ
例
body要素のノードタイプを取得します。
var x = document.getElementById("myP").nodeType;
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
nodeTypeプロパティは、指定されたノードのノードタイプを数値として返します。
ノードが要素ノードの場合、nodeTypeプロパティは1を返します。
ノードが属性ノードの場合、nodeTypeプロパティは2を返します。
ノードがテキストノードの場合、nodeTypeプロパティは3を返します。
ノードがコメントノードの場合、nodeTypeプロパティは8を返します。
このプロパティは読み取り専用です。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
nodeType | Yes | Yes | Yes | Yes | Yes |
構文
node.nodeType
技術的な詳細
戻り値: | ノードのノードタイプを表す数値 |
---|---|
DOMバージョン | コアレベル1ノードオブジェクト |
ノードタイプ
HTMLまたはXMLドキュメントのドキュメント、要素、属性、およびその他の側面には、さまざまなノードタイプがあります。
12の異なるノードタイプがあり、さまざまなノードタイプの子を持つことができます。
Node type | Description | Children | |
---|---|---|---|
1 | Element | Represents an element | Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference |
2 | Attr | Represents an attribute | Text, EntityReference |
3 | Text | Represents textual content in an element or attribute | None |
4 | CDATASection | Represents a CDATA section in a document (text that will NOT be parsed by a parser) | None |
5 | EntityReference | Represents an entity reference | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
6 | Entity | Represents an entity | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
7 | ProcessingInstruction | Represents a processing instruction | None |
8 | Comment | Represents a comment | None |
9 | Document | Represents the entire document (the root-node of the DOM tree) | Element, ProcessingInstruction, Comment, DocumentType |
10 | DocumentType | Provides an interface to the entities defined for the document | None |
11 | DocumentFragment | Represents a "lightweight" Document object, which can hold a portion of a document | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
12 | Notation | Represents a notation declared in the DTD | None |
ノードタイプ-戻り値
各ノードタイプのnodeNameおよびnodeValueプロパティの戻り値:
Node type | nodeName returns | nodeValue returns | |
---|---|---|---|
1 | Element | element name | null |
2 | Attr | attribute name | attribute value |
3 | Text | #text | content of node |
4 | CDATASection | #cdata-section | content of node |
5 | EntityReference | entity reference name | null |
6 | Entity | entity name | null |
7 | ProcessingInstruction | target | content of node |
8 | Comment | #comment | comment text |
9 | Document | #document | null |
10 | DocumentType | doctype name | null |
11 | DocumentFragment | #document fragment | null |
12 | Notation | notation name | null |
NodeTypes-名前付き定数
NodeType | Named Constant |
---|---|
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>
関連ページ
HTML DOMリファレンス:ノード。nodeNameプロパティ
HTML DOMリファレンス:ノード。nodeValueプロパティ
HTML DOMリファレンス:ノード。childNodesプロパティ