Erreur de script : "style a la valeur null ou n'est pas un objet"

Salut à tous,

Voila, IE m'affiche une erreur JS sur ce code "style a la valeur null ou n'est pas un objet" :

Code:

---

1 2 3 4 5 6 7 8 9 10

<script type='text/javascript'>   function toggle(NameElement) { var element = document.getElementsByName(NameElement); if( ! element) return false;   element.style.display = (element.style.display === 'none') ? '' : 'none'; }   </script>

---

Je n'arrive pas à voir qu'est-ce qui ne va pas.

Si je remplace, getElementsByName par getElementById et change l'attribut name = "" par id="" dans les balises voulues, ça fonctionne mais pas sur toutes les balises ayant le même id car celui-ci est unique, il ne s'applique qu'à la première balise portant l'id : d'où j'aimerais remplacer id par name...


Merci d'avance.

Salut.
Comme l'indique le s de getElementsByName, cette méthode renvoie une collection d'éléments. Pour modifier un style, il faut donc d'abord spécifier de quel élément de la collection on parle.

Code:

---

element[0].style.display = (element[0].style.display === 'none') ? '' : 'none';

---

Merci pour ta réponse Bovino : claire et précise. ^^

Il y a un petit soucis avec IE, j'ai lu que "getElementsByName" prend en compte l'attribut "id". Il n'y a pas d'autre manière que de rajouter l'attribut "id" avec la même valeur, non ?

Sinon, il y a t-il un moyen de récupérer le nombre d'éléments récupérés ? (je veux faire une boucle pour appliquer le code à toutes balises ciblées).

Cdt

Bonjour,

Citation:

---

il y a t-il un moyen de récupérer le nombre d'éléments récupérés ?

---

Code:

---

element.length

---