HTML DOM Element nodeName 属性

定義と用法

nodeName 属性返回节点的名称:

  • ノードが要素ノードである場合、nodeName属性は返しますタグ名(大文字)。
  • ノードが属性ノードである場合、nodeName属性は返します属性の名前
  • ノードがテキストノードである場合、nodeName属性は返します #text
  • ノードがコメントノードである場合、nodeName属性は返します #comment
  • ノードがドキュメントノードである場合、nodeName属性は返します #document

nodeName属性は読み取り専用です。

参照してください:

nodeType属性

nodeValue属性

tagName属性

childNodes属性

インスタンス

例1

<p>要素のノード名を返します:

document.getElementById("myP").nodeName;

自分で試してみてください

例2

<body>要素のノード名を返します:

document.body.nodeName;

自分で試してみてください

例3

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

const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeName + "<br>";
}

自分で試してみてください

例4

"myDIV"の最初の子要素のノード名、値、およびタイプを取得します:

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

自分で試してみてください

文法

element.nodeName

または

node.nodeName

返される値

  • 要素ノードが返されますタグ名(大文字)
  • 属性ノードが返されます属性名
  • テキストノードが返されます #text
  • コメントノードが返されます #comment
  • ドキュメントノードが返されます #document

ブラウザのサポート

element.nodeName DOMレベル1(1998)の機能です。

すべてのブラウザで完全にサポートされています:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート