Attributs des éléments HTML DOM
Exemples
Combien d'attributs l'élément <img> possède-t-il :
let numb = document.getElementById("myImg").attributes.length;
Affichez tous les attributs d'un élément <img> :
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;
Plus d'exemples ci-dessous.
Définition et utilisation
La attributes
propriété renvoie une collection d'attributs dans un élément.
La attributes
propriété renvoie un NamedNodeMap.
NamedNodeMap
Un NamedNodeMap est une collection (liste) de type tableau d'objets Attr (attributs).
Un NamedNodeMap a une propriété de longueur qui renvoie le nombre d'attributs dans la liste.
Les attributs sont accessibles par des numéros d'index. L'indice commence à 0.
Voir également:
Syntaxe
node.attributes
Valeur de retour
Taper | La description |
NamedNodeMap | Une collection d'objets d'attribut. |
Plus d'exemples
Combien d'attributs l'élément <button> possède-t-il :
let numb = document.getElementById("myButton").attributes.length;
Obtenez le nom du deuxième attribut (index 1) d'un élément <button> :
let attr = document.getElementById("myBtn").attributes[1].name;
Prise en charge du navigateur
element.attributes
est une fonctionnalité DOM niveau 1 (1998).
Il est entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |