HTML DOM nodeName 属性

HTML DOM Element オブジェクト

nodeNameは読み取り専用属性で、現在のノードの名前を文字列の形式で返します。

ノードが要素ノードの場合、nodeName属性は大文字でタグ名を返します。

ノードが属性ノードの場合、nodeName属性は属性の名前を返します。

他のノードタイプに対して、nodeName属性は異なるノードタイプに応じた異なる名前を返します。

注意：次のように使用することもできます：tagName属性は要素のタグ名を返します。tagNameはタグ名のみを返し、nodeNameはすべてのノードの名前（タグ、属性、テキスト、コメント）を返します。

文法：

node.nodeName

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

ブラウザの互換性

nodeName属性はすべてのブラウザで完全にサポートされています：

技術的詳細

さらに例

BODY要素の子ノードのノード名を返します：

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

divの最初の子要素のノード名、ノードタイプおよびノード値を返します：

<div　id="div-1">これはdiv要素です。</div>
<script>
var　x　=　document.getElementById("div-1).firstChild;
var　txt　=　"";
txt　+=　"ノード名:　"　+　x.nodeName　+　"<br>";
txt　+=　"ノード値:　"　+　x.nodeValue　+　"<br>";
txt　+=　"ノードタイプ:　"　+　x.nodeType;
document.getElementById("para").innerHTML　=　txt;
</script>

関連リファレンス

HTML DOM リファレンス：node .childNodes属性

HTML DOM リファレンス：node .firstChild属性

HTML DOM リファレンス：node .lastChild属性

HTML DOM リファレンス：node .parentNode属性

HTML DOM リファレンス：node .previousSibling属性

HTML DOM リファレンス：node .nextSibling属性

HTML DOM Element オブジェクト