HTML DOM Element attributes-Eigenschaft

Definition und Verwendung

attributes Attribute geben die Sammlung von Attributen im Element zurück.

attributes Attribute geben NamedNodeMap zurück.

NamedNodeMap

NamedNodeMap eine ähnliche unsortierte Array-Kollektion von Elementattributen.

Mit anderen Worten: NamedNodeMap ist Attr-Objekt.

NamedNodeMap bietet eine Liste, die die Anzahl der Knoten zurückgeben kann. length-Eigenschaft.

Knoten können über Namen oder Index (Zeiger) erreicht werden. Der Index beginnt bei 0.

Siehe auch:

HTML DOM Attribut

Beispiel

Beispiel 1

Wie viele Attribute hat das <img>-Element?:

let numb = document.getElementById("myImg").attributes.length;

Versuchen Sie es selbst

Beispiel 2

Zeigen Sie alle Attribute des <img>-Elements an:

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;

Versuchen Sie es selbst

Beispiel 3

Wie viele Attribute hat das <button>-Element?:

let numb = document.getElementById("myButton").attributes.length;

Versuchen Sie es selbst

Beispiel 4

Erhalten Sie den Namen des zweiten (Index 1) Attributes eines <button>-Elements:

let attr = document.getElementById("myBtn").attributes[1].name;

Versuchen Sie es selbst

Syntax

node.attributes

Rückgabewert

Typ Beschreibung
NamedNodeMap Sammlung von Attributobjekten.

Browser-Unterstützung

element.attributes ist eine Eigenschaft von DOM Level 1 (1998).

Es wird von allen Browsern vollständig unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung 9-11 Unterstützung Unterstützung Unterstützung Unterstützung