Beispiel
Finden Sie heraus , wie viele Attribute , die ein <button> Element haben:
var x = document.getElementById("myBtn").attributes.length;Das Ergebnis von x könnten sein:
2 Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Attribute Eigenschaft gibt eine Sammlung der spezifizierten Knotens Attribute als NamedNodeMap Objekt.
Die Knoten können durch Indexnummern zugegriffen werden kann, und der Index beginnt bei 0.
Tipp: Numerische Indizierung ist nützlich für das Gehen durch alle Attribute eines Elements: Sie können die Verwendung Länge Eigenschaft des NamedNodeMap Objekt die Anzahl der Attribute zu bestimmen, dann können Sie eine Schleife durch alle Attribute Knoten und extrahieren Sie die Informationen , die Sie wollen.
Tipp: HTML - Attribute sind Attributknoten, mit allen Eigenschaften und Methoden für die Attribut-Objekt.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| attributes | Ja | Ja | Ja | Ja | Ja |
Hinweis: Im Internet Explorer 8 und früher, werden die Attribute Eigenschaft für ein Element eine Sammlung aller möglichen Attribute zurück.
Syntax
node .attributes
Technische Details
| Rückgabewert: | Ein NamedNodeMap Objekt, eine Sammlung von Knoten Attribute darstellen |
|---|---|
| DOM Version | Core Level 1 Knoten Object |
Mehr Beispiele
Beispiel
Holen Sie sich den Namen eines <button> Element des zweiten (index 1) Attribut:
var x = document.getElementById("myBtn").attributes[1].name;Das Ergebnis von x könnten sein:
onclick Versuch es selber " Beispiel
Finden Sie heraus , wie viele Attribute eines <img> Element haben:
var x = document.getElementById("myImg").attributes.length;Das Ergebnis von x könnten sein:
5 Versuch es selber " Beispiel
Schleife durch alle Attribute eines <img> Element und Ausgang jedes Attribut Name und Wert:
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i =
0; i < x.attributes.length; i++) {
txt = txt +
x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
} Versuch es selber "