HTML DOM Element attributes-attribut

Definition och användning

attributes Attribut returnerar en samling av attribut i elementet.

attributes Attribut returnerar NamedNodeMap.

NamedNodeMap

NamedNodeMap en ofordnad samling av elementattribut som liknar en array.

Det vill säga: NamedNodeMap är Attr-objekt.

NamedNodeMap tillhandahåller en lista som kan returnera antalet length-attribut.

Kan nås via namn eller index (index). Index börjar vid 0.

Se också:

HTML DOM-attribut

Exempel

Exempel 1

Hur många attribut har <img>-elementet:

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

Prova själv

Exempel 2

Visa alla attribut för <img>-elementet:

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;

Prova själv

Exempel 3

Hur många attribut har <button>-elementet:

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

Prova själv

Exempel 4

Få namnet på den andra (index 1) attributen på en <button>-element:

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

Prova själv

Syntaks

node.attributes

Returvärde

Typ Beskrivning
NamedNodeMap en samling av attributobjekt.

Webbläsarstöd

element.attributes är en egenskap i DOM Level 1 (1998).

Alla webbläsare stöder det fullt ut:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd