Element: attributes-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die schreibgeschützte Eigenschaft attributes der Schnittstelle Element gibt eine Live-Sammlung aller für den angegebenen Knoten registrierten Attributknoten zurück. Sie ist eine NamedNodeMap und kein Array. Daher verfügt sie nicht über die Methoden von Array, und die Indizes der Attr-Knoten können sich je nach Browser unterscheiden. Genauer gesagt enthält attributes Schlüssel-Wert-Paare aus Zeichenfolgen, die Informationen über die jeweiligen Attribute darstellen.
Wert
Ein NamedNodeMap-Objekt.
Beispiele
Grundlegende Beispiele
// Get the first <p> element in the document
const paragraph = document.querySelector("p");
const attributes = paragraph.attributes;
Attribute eines Elements durchlaufen
Mit for...of können Sie die Attribute eines Elements durchlaufen.
Das folgende Beispiel durchläuft die Attributknoten des Elements mit der id „paragraph“ im Dokument und gibt den Wert jedes Attributs aus.
<p id="paragraph" class="green" contenteditable>Sample Paragraph</p>
<input type="button" value="Show paragraph attribute name and value" />
<pre id="result"></pre>
.green {
color: green;
}
const paragraph = document.getElementById("paragraph");
const result = document.getElementById("result");
const btn = document.querySelector("input[type='button']");
btn.addEventListener("click", () => {
// First, let's verify that the paragraph has some attributes
if (paragraph.hasAttributes()) {
let output = "Attributes of first paragraph:\n";
for (const attr of paragraph.attributes) {
output += `${attr.name} -> ${attr.value}\n`;
}
result.textContent = output;
} else {
result.textContent = "No attributes to show";
}
});
Spezifikationen
| Spezifikation |
|---|
| DOM # dom-element-attributes |
Browser-Kompatibilität
Siehe auch
NamedNodeMap, die Schnittstelle des zurückgegebenen Objekts- Hinweise zur browserübergreifenden Kompatibilität: auf quirksmode