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

HTML DOM nodeName Propery

<Elementオブジェクト

ノード名を取得<p>要素を:

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

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

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

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


定義と使用法

nodeNameのプロパティは、指定されたノードの名前を返します。

ノードが要素ノードである場合は、nodeNameのプロパティは、タグ名を返します。

ノードが属性ノードである場合は、nodeNameのプロパティは、属性の名前を返します。

他のノードのタイプについては、nodeNameのプロパティは異なるノードタイプごとに異なる名前を返します。

ヒント:また、使用できるのtagName要素のタグ名を返すようにプロパティを。 違いは、nodenameは、すべてのノードの名前を返しながら、tagNameをのみ、タグ名を返すということです(tags, attributes, text, comments)

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


ブラウザのサポート

プロパティ
nodeName はい はい はい はい はい

構文

node .nodeName

技術的な詳細

戻り値: ノードの名前を表す文字列。

可能な値:

  • 大文字で、要素ノードのタグ名を返します。
  • 属性ノードの属性の名前を返します。
  • 戻り値"#text"テキストノードのために
  • 戻り値"#comment"コメントノードのために
  • 戻り値"#document"文書ノードのために
DOMバージョン コアレベル1ノードオブジェクト

例

その他の例

ノード名を取得<body>要素を:

var x = document.body.nodeName;

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

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

ノード名を取得<body>要素の子ノードを:

var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
    txt = txt + c[i].nodeName + "<br>";
}

document.getElementById("demo").innerHTML = txt;

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

#text
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
»それを自分で試してみてください

ノード名、ノード値とのノードタイプ取得<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リファレンス: 要素。 tagNameをプロパティ

HTML DOMリファレンス: ノード。 nodeTypeのプロパティ

HTML DOMリファレンス: ノード。 nodeValueプロパティ

HTML DOMリファレンス: ノード。 childNodesプロパティ


<Elementオブジェクト