[Débutant] Problème getElementsByTagName

Version imprimable

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:

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

25/02/2007, 00h40
ryan

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?
25/02/2007, 11h54
Invité

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
25/02/2007, 13h03
ryan

Yop!

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

bonjour,

Code:

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>

et oublie document.write() ;)

25/02/2007, 20h11
Invité

Merci à vous deux pour vos réponses, elles me sont très utiles! :D

@++

webrider