HTML DOM ノード情報
nodeName、nodeValue、nodeTypeプロパティには、ノードに関する情報が含まれています。
ノード・プロパティ
HTML DOMでは、各ノードはオブジェクトです。
オブジェクトは、JavaScriptによりアクセスと処理ができるメソッドとプロパティを持っています。
3つの重要なHTML DOMノードプロパティは下記の通り:
- nodeName
- nodeValue
- nodeType
nodeNameプロパティ
nodeNameプロパティは、ノード名を明示します。
- nodeNameはリードオンリーです
- 要素ノードのnodeNameはタグ名と同じです
- 属性ノードのnodeNameは属性名です
- テキストノードのnodeNameは常に#textです
- 文書ノードのnodeNameは常に#documentです
注: nodeNameには、HTML要素が常に大文字のタグ名で含まれています。
nodeValueプロパティ
nodeValueプロパティは、ノードの値を明示します。
- 要素ノードのnodeValueは未定義です
- テキストノードのnodeValueはテキスト自身です
- 属性ノードのnodeValueは属性値です
要素の値を取得
次の例は、<p id="intro">タグのテキストノード値を取り出します:
例
<html>
<body>
<p id="intro">Hello World!</p>
<script type="text/javascript">
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>
</body>
</html> |
Try it yourself »
|
nodeTypeプロパティ
nodeTypeプロパティはノードタイプを返します。nodeTypeはリードオンリーです。
最も重要なノードタイプは以下の通り:
| 要素タイプ |
ノードタイプ |
| 要素 |
1 |
| 属性 |
2 |
| テキスト |
3 |
| コメント |
8 |
| ドキュメント |
9 |
|