HTML DOM nodeName eigenschap

Elementobject

Voorbeeld

Haal de node-naam van een <p>-element op:

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

Meer "Probeer het zelf" voorbeelden hieronder.

Definitie en gebruik

De eigenschap nodeName retourneert de naam van het opgegeven knooppunt.

Als het knooppunt een elementknooppunt is, retourneert de eigenschap nodeName de tagnaam.

Als het knooppunt een kenmerkknooppunt is, retourneert de eigenschap nodeName de naam van het kenmerk.

Voor andere knooppunttypen retourneert de eigenschap nodeName verschillende namen voor verschillende knooppunttypen.

Tip: U kunt ook de eigenschap tagName gebruiken om de tagnaam van een element te retourneren. Het verschil is dat tagName alleen tagnamen retourneert, terwijl nodeName de naam van alle knooppunten retourneert (tags, attributen, tekst, opmerkingen).

Deze eigenschap is alleen-lezen.

Browserondersteuning

Property
nodeName	Yes	Yes	Yes	Yes	Yes

Syntaxis

node.nodeName

Technische details

Winstwaarde:	Een tekenreeks, die de naam van het knooppunt vertegenwoordigt. Mogelijke waarden: Retourneert de tagnaam voor elementknooppunten, in hoofdletters Retourneert de naam van het attribuut voor attribuutknooppunten Retourneert "#text" voor tekstknooppunten Retourneert "#comment" voor commentaarknooppunten Retourneert "#document" voor documentknooppunten
DOM-versie	Kernniveau 1 knooppuntobject

Winstwaarde:

Een tekenreeks, die de naam van het knooppunt vertegenwoordigt.

Mogelijke waarden:

Retourneert de tagnaam voor elementknooppunten, in hoofdletters
Retourneert de naam van het attribuut voor attribuutknooppunten
Retourneert "#text" voor tekstknooppunten
Retourneert "#comment" voor commentaarknooppunten
Retourneert "#document" voor documentknooppunten

DOM-versie

Kernniveau 1 knooppuntobject

Meer voorbeelden

Voorbeeld

Haal de node-naam van het <body>-element op:

var x = document.body.nodeName;

Voorbeeld

Haal de knooppuntnamen op van de onderliggende knooppunten van het <body>-element:

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;

Voorbeeld

Verkrijg de knooppuntnaam, knooppuntwaarde en het knooppunttype van het eerste onderliggende knooppunt van het <div>-element:

<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>