Element: attributes-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 Element.attributes-Eigenschaft gibt eine dynamische Sammlung aller Attributknoten zurück, die dem angegebenen Knoten zugeordnet sind. Dabei handelt es sich um ein NamedNodeMap und nicht um ein Array, daher besitzt es keine Array-Methoden und die Indizes der Attr-Knoten können zwischen Browsern variieren. Genauer gesagt ist attributes ein Schlüssel/Wert-Paar von Zeichenfolgen, das Informationen zu diesem Attribut darstellt.

Wert

Ein NamedNodeMap-Objekt.

Beispiele

Grundlegende Beispiele

js
// Get the first 
 element in the document
const paragraph = document.querySelector("p");
const attributes = paragraph.attributes;

Aufzählen von Elementattributen

Sie können durch die Attribute eines Elements mit for...of durchlaufen. Das folgende Beispiel geht durch die Attributknoten für das Element im Dokument mit der ID "paragraph" und gibt den Wert jedes Attributs aus.

html
Sample Paragraph







css
.green {
  color: green;
}



js
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
Specification
DOM 
# dom-element-attributes
Browser-Kompatibilität
Siehe auch
    

  • NamedNodeMap, das Interface des zurückgegebenen Objekts
    • 

  • Überlegungen zur plattformübergreifenden Kompatibilität: auf quirksmode
    •