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

Version imprimable

24/09/2008, 16h05
Tchupacabra

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

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 :

Citation:

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

Merci d'avance
;)
24/09/2008, 16h32
gwyohm
Sur un élément, la propriété "attributes" te permet de récupérer les attributs :
Code:

1 2 3 var element = document.getElementById("xxx"); var attrs = element.attributes;
tu n'as plus qu'à itérer dessus
Code:

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

Attributs ou propriétés ?

Code:

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>

Code:

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 :

Citation:

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

Merci à vous ! :)

Fuseau horaire GMT +2. Il est actuellement 09h33.