English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM nodeName-Attribut

HTML DOM Element-Objekt

Das nodeName-Attribut ist ein schreibgeschütztes Attribut und gibt den Namen des aktuellen Knotens als Zeichenkette zurück.

Wenn der Knoten ein Elementknoten ist, gibt das nodeName-Attribut den Markennamen in Großbuchstaben zurück.

Wenn der Knoten ein Attributknoten ist, gibt das nodeName-Attribut den Namen des Attributes zurück.

Für andere Knotentypen gibt das nodeName-Attribut für verschiedene Knotentypen unterschiedliche Namen zurück.

Hinweis:Sie können auchtagNameDas Attribut gibt den Etikettennamen des Elements zurück. Der Unterschied liegt darin, dass tagName nur den Markennamen zurückgibt, während nodeName den Namen aller Knoten (Marken, Attribute, Text, Kommentare) zurückgibt.

Syntax:

node.nodeName
var x = document.getElementById("myPara").nodeName;
Testen Sie heraus‹/›

Browserkompatibilität

nodeName-Attribut wird von allen Browsern vollständig unterstützt:

Eigenschaft
nodeNameIstIstIstIstIst

Technische Details

Rückgabewert:Zeichenkette, die den Knotennamen darstellt.
Mögliche Werte:
  • Rückgabe des Markennamens des Elements (großgeschrieben)

  • Rückgabe des Namens der Attributknoten

  • Rückgabe des " #text "

  • Für Kommentar-Knoten zurückgeben " #comment "

  • Rückgabe des " #document "

DOM-Version:DOM-Ebene1

Mehr Beispiele

Rückgabe der Knotennamen der Unterknoten des BODY-Elements:

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;
Testen Sie heraus‹/›

Rückgabe des Namens des ersten Kindknotens des Divs, des Knotentyps und des Knotenwerts:

<div id="div-1">Dies ist ein div-Element.</div>
<script>
var x = document.getElementById("div-1).firstChild;
var txt = "";
txt += "Knotenname: " + x.nodeName + "<br>";
txt += "Knotenwert: " + x.nodeValue + "<br>";
txt += "Knotenart: " + x.nodeType;
document.getElementById("para").innerHTML = txt;
</script>
Testen Sie heraus‹/›

Zusammenhängende Referenzen

HTML DOM-Referenz:node .childNodes-Eigenschaft

HTML DOM-Referenz:node .firstChild-Eigenschaft

HTML DOM-Referenz:node .lastChild-Eigenschaft

HTML DOM-Referenz:node .parentNode-Eigenschaft

HTML DOM-Referenz:node .previousSibling-Eigenschaft

HTML DOM-Referenz:node .nextSibling-Eigenschaft

HTML DOM Element-Objekt