Exemple
Découvrez combien les attributs d' un <button> élément a:
var x = document.getElementById("myBtn").attributes.length;Le résultat de x pourrait être:
2 Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété d'attributs renvoie une collection d'attributs du noeud spécifié, comme un objet NamedNodeMap.
Les nœuds sont accessibles par des numéros d'index, et l'indice commence à 0.
Astuce: indexation numérique est utile pour passer par tous les attributs d'un élément: Vous pouvez utiliser la longueur propriété de l'objet NamedNodeMap pour déterminer le nombre d'attributs, vous pouvez parcourir tous les attributs des noeuds et extraire les informations que vous voulez.
Astuce: les attributs HTML sont des nœuds d'attribut, avec toutes les propriétés et méthodes disponibles pour la Attribut objet.
Support du navigateur
| Propriété | |||||
|---|---|---|---|---|---|
| attributes | Oui | Oui | Oui | Oui | Oui |
Remarque: Dans Internet Explorer 8 et plus tôt, les attributs propriété renvoie une collection de tous les attributs possibles pour un élément.
Syntaxe
node .attributes
Détails techniques
| Valeur de retour: | Un objet NamedNodeMap, ce qui représente un ensemble d'attributs de noeuds |
|---|---|
| version DOM | Niveau de base 1 Noeud objet |
autres exemples
Exemple
Obtenez le nom d'un <button> second élément de (index 1) attribut:
var x = document.getElementById("myBtn").attributes[1].name;Le résultat de x pourrait être:
onclick Essayez vous - même » Exemple
Découvrez combien les attributs d' un <img> élément ont:
var x = document.getElementById("myImg").attributes.length;Le résultat de x pourrait être:
5 Essayez vous - même » Exemple
Boucle à travers tous les attributs d'un <img> élément et sortie le nom et la valeur de chaque attribut:
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>";
} Essayez vous - même »