[DOM] Parcourir les attributs d'un élément de la DOM

**Tchupacabra** · 24/09/2008, 17h05

Bonjour à tous,

je cherche une méthode me permettant le parcours de tous les attributs d'un élément de la DOM.
algorithmiquement cela donnerait :

var tab:Array;
pour chaque attribut de element {
tab[nom de l'attribut] = valeur de l'attribut;
}

Merci d'avance

**gwyohm** · 24/09/2008, 17h32

Sur un élément, la propriété "attributes" te permet de récupérer les attributs :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
var element = document.getElementById("xxx");
var attrs = element.attributes;

tu n'as plus qu'à itérer dessus

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
for(var key in attrs) {
 // ...
}

**SpaceFrog** · 24/09/2008, 17h47

Attributs ou propriétés ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<body>
<div id="foo">dd</div>
<script type='text/javascript'>
var Elt=document.getElementById('foo')
var liste=""
for (Prop in Elt){
 liste+= Prop + " => " + Elt[Prop] +"<br />"
 }
 
Elt.innerHTML=liste </script>
 
</body>

**Tchupacabra** · 24/09/2008, 20h05

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<body>
<div id="foo" test="aze" df="123">---</div>
<script type='text/javascript'>
var liste="";
var element = document.getElementById('foo');
 
var attrs = element.attributes;
var nb = attrs.length;
for(var i=0; i<nb; i++) {
	liste += attrs[i].nodeName + " => " + attrs[i].nodeName +"<br />";
}
 
element.innerHTML=liste;
</script>
</body>

ceci m'affiche :

df => df
test => test
id => id

Merci à vous !

[DOM] Parcourir les attributs d'un élément de la DOM

JavaScript

Vue hybride

Discussions similaires

Partager

Partager