HTML DOM Element-kenmerken
Voorbeelden
Hoeveel attributen heeft het <img> element:
let numb = document.getElementById("myImg").attributes.length;
Toon alle attributen van een <img> element:
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;
Hieronder meer voorbeelden.
Definitie en gebruik
De attributes
eigenschap retourneert een verzameling attributen in een element.
De attributes
eigenschap retourneert een NamedNodeMap.
NamedNodeMap
Een NamedNodeMap is een array-achtige verzameling (lijst) van Attr (Attributen) Objecten.
Een NamedNodeMap heeft een lengte - eigenschap die het aantal attributen in de lijst retourneert.
De attributen zijn toegankelijk via indexnummers. De index begint bij 0.
Zie ook:
Syntaxis
node.attributes
Winstwaarde
Type | Beschrijving |
NamedNodeMap | Een verzameling attribuutobjecten. |
Meer voorbeelden
Hoeveel attributen heeft het <button> element:
let numb = document.getElementById("myButton").attributes.length;
Haal de naam op van het tweede (index 1) kenmerk van een <button> element:
let attr = document.getElementById("myBtn").attributes[1].name;
Browserondersteuning
element.attributes
is een DOM Level 1 (1998)-functie.
Het wordt volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |