[Débutant] Problème getElementsByTagName

Invité · 24/02/2007, 20h09

Bonsoir,

J'ai un fichier HTML où figurent 4 éléments <p class='xyz'> pour lesquels je voudrais récupérer la classe. Pour cela j'utilise le code suivant dans un fichier .js :

Code :

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

1
2
3
4
5
6
7
8
9
10
window.onload = initSelect;
 
function initSelect() {
	var allTags = document.getElementsByTagName("P");
	var classes = new Array();
	for (var i=0; i<allTags.length; i++) {
		classes[i] = allTags[i].className;
		document.write(classes[i]);
	}
}

Logiquement je devrais voir apparaître les 4 classes mais ce n'est pas le cas, seule la première s'affiche.

Merci pour votre aide!

webrider

**ryan** · 25/02/2007, 00h40

Yop!

La syntaxe semble correcte. Si tu ne vois que le premier élément du tableau, je pencherais pour un pb de timing. As-tu essayé avec la fonction déclarée dans le <head> de la page?

Invité · 25/02/2007, 11h54

Salut!

Je n'ai pas essayé avec la fonction dans le head de la page html mais je crois avoir identifié le problème, dites-moi si je me trompe...

Je pense que la fonction document.write() écrase à chaque fois l'appel précédent : je ne vois apparaître à l'écran que la dernière valeur donc classes[3].

Je ne suis pas certain de ce que j'avance, merci de confirmer.

webrider

**ryan** · 25/02/2007, 13h03

Yop!

Tu pourrais remplacer le document.write par un alert. Tu verrais ainsi si le pb est bien dans le document.write.

**Auteur** · 25/02/2007, 16h19

bonjour,

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<html>
<head>
<title></title>
 
 
<script type="text/javascript">
<!--
function initSelect() 
{
        var allTags = document.getElementsByTagName("P");
        var classes = new Array();
        for (var i=0; i<allTags.length; i++) 
    {
                classes[i] = allTags[i].className;
                document.getElementById("res").innerHTML += classes[i]+" ";
        }
}
 
//-->
</script>
 
</head>
 
<body onload="initSelect()">
 
<p class="classe1">p1</p>
<p class="classe2">p2</p>
<p class="classe3">p3</p>
<p class="classe4">p4</p>
 
<div id="res"></div>
 
 
</body>
 
</html>