HTML-DOM-Elementattribute
Beispiele
Wie viele Attribute hat das Element <img>:
let numb = document.getElementById("myImg").attributes.length;
Alle Attribute eines <img>-Elements anzeigen:
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
Weitere Beispiele unten.
Definition und Verwendung
Die attributes
Eigenschaft gibt eine Sammlung von Attributen in einem Element zurück.
Die attributes
Eigenschaft gibt eine NamedNodeMap zurück.
NamedNodeMap
Eine NamedNodeMap ist eine Array-ähnliche Sammlung (Liste) von Attr-(Attribut-)Objekten.
Eine NamedNodeMap hat eine Längeneigenschaft , die die Anzahl der Attribute in der Liste zurückgibt.
Auf die Attribute kann über Indexnummern zugegriffen werden. Der Index beginnt bei 0.
Siehe auch:
Syntax
node.attributes
Rückgabewert
Typ | Beschreibung |
NamedNodeMap | Eine Sammlung von Attributobjekten. |
Mehr Beispiele
Wie viele Attribute hat das Element <button>:
let numb = document.getElementById("myButton").attributes.length;
Rufen Sie den Namen des zweiten Attributs (Index 1) eines <button>-Elements ab:
let attr = document.getElementById("myBtn").attributes[1].name;
Browser-Unterstützung
element.attributes
ist eine Funktion von DOM Level 1 (1998).
Es wird in allen Browsern vollständig unterstützt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |