Knoten: nodeName-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die schreibgeschützte nodeName-Eigenschaft des Node gibt den Namen des aktuellen Knotens als Zeichenfolge zurück.
Wert
Eine Zeichenfolge. Werte für die verschiedenen Knotentypen sind:
Attr-
Der Wert von
Attr.name, das ist der qualifizierte Name des Attributs. CDATASection-
Die Zeichenfolge
"#cdata-section". Comment-
Die Zeichenfolge
"#comment". Document-
Die Zeichenfolge
"#document". DocumentFragment-
Die Zeichenfolge
"#document-fragment". DocumentType-
Der Wert von
DocumentType.name Element-
Der Wert von
Element.tagName, das ist der Großbuchstabenname des Element-Tags, wenn es sich um ein HTML-Element handelt, oder das Kleinbuchstabenelement-Tag, wenn es sich um ein XML-Element (wie ein SVG- oder MathML-Element) handelt. ProcessingInstruction-
Der Wert von
ProcessingInstruction.target Text-
Die Zeichenfolge
"#text".
Beispiel
Dieses Beispiel zeigt die Knotennamen mehrerer Knoten an
This is some HTML:
<div id="d1">Hello world</div>
<!-- Example of comment -->
Text <span>Text</span> Text<br />
<svg height="20" width="20">
<circle cx="10" cy="10" r="5" stroke="black" stroke-width="1" fill="red" />
</svg>
<hr />
<output id="result">Not calculated yet.</output>
und folgendes Skript:
let node = document.querySelector("body").firstChild;
let result = "Node names are:\n";
while (node) {
result += `${node.nodeName}\n`;
node = node.nextSibling;
}
const output = document.getElementById("result");
output.innerText = result;
Spezifikationen
| Specification |
|---|
| DOM Standard # ref-for-dom-node-nodename① |
Browser-Kompatibilität
BCD tables only load in the browser