HTML DOM Element nodeName 属性

定义和用法

nodeName 属性返回节点的名称：

  • Als de node een element-node is, dan returnt de nodeName-eigenschaptagnaam(hoofdletters).
  • Als de node een eigenschaps-node is, dan returnt de nodeName-eigenschapnaam van de eigenschap.
  • Als de node een tekst-node is, dan returnt de nodeName-eigenschap #text.
  • Als de node een commentaar-node is, dan returnt de nodeName-eigenschap #comment.
  • Als de node een document-node is, dan returnt de nodeName-eigenschap #document.

De nodeName-eigenschap is alleen lezen.

Zie ook:

nodeType-eigenschap

nodeValue-eigenschap

tagName-eigenschap

childNodes-eigenschap

Voorbeeld

Voorbeeld 1

Returnt de naam van de <p>-element:

document.getElementById("myP").nodeName;

probeer het zelf

Voorbeeld 2

Returnt de naam van de node van het <body>-element:

document.body.nodeName;

probeer het zelf

Voorbeeld 3

Verkrijg de naam van de nodes van de subnodes van het <body>-element:

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

probeer het zelf

Voorbeeld 4

Verkrijg de naam, waarde en type van de node van de eerste zoon van "myDIV":

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

probeer het zelf

syntaxis

element.nodeName

of

node.nodeName

terugkeergewijze

  • element node returnttagnaam(hoofdletters)
  • eigenschapsnode returnteigenschapsnaam
  • text node returnt #text
  • comment node returnt #comment
  • document node returnt #document

browserondersteuning

element.nodeName is een kenmerk van DOM Level 1 (1998).

Alle browsers ondersteunen het volledig:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ondersteuning 9-11 ondersteuning ondersteuning ondersteuning ondersteuning