Propriété attributes de l'élément HTML DOM

Définition et utilisation

attributes Retourne l'ensemble des attributs de l'élément.

attributes Retourne NamedNodeMap.

NamedNodeMap

NamedNodeMap C'est une collection désordonnée de propriétés d'élément similaire à un tableau.

En d'autres termes : NamedNodeMap est Objet Attr.

NamedNodeMap fournit une liste qui peut retourner le nombre de nœuds. Propriété length.

Les nœuds peuvent être accédés par nom ou par index (sous-index). L'index commence à 0.

Voir également :

Attributs du HTML DOM

Exemple

Exemple 1

Combien d'attributs possède l'élément <img> ?

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

Essayez-le vous-même

Exemple 2

Afficher tous les attributs de l'é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;

Essayez-le vous-même

Exemple 3

Combien d'attributs possède l'élément <button> ?

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

Essayez-le vous-même

Exemple 4

Obtenir le nom du deuxième attribut (index 1) d'un élément <button> :

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

Essayez-le vous-même

Syntaxe

node.attributes

Valeur de retour

Type Description
NamedNodeMap Ensemble d'objets d'attributs.

Compatibilité du navigateur

element.attributes C'est une caractéristique du DOM Level 1 (1998).

Tous les navigateurs le supportent complètement :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support