Mettre un élément en display="none"

Salut, je cherche depuis une heure déjà comment faire pour mettre le display d'un élément à "none", car j'ai une erreur :

Citation:

---

TypeError: Cannot set properties of undefined (setting 'display')

---

je fais ça :

Code:

---

document.getElementsByClassName('descript').style.display="none";

---

Le HTML :

Code:

---

1 2 3 4 5 6

<span class="descript">lieu :</span> Blablabla <span class="descript">distance :</span> Blablabla <span class="descript">taille :</span> Blablabla

---

getElementsByClassName renvoi un array (une htmlcollection pour etre precis) donc tu ne peux pas appliquer un style à un tableau d'elements mais aux éléments. il te faut donc faire une boucle du style forEach ou bien recuperer uniquement l'élément qui t'interesse à l'aide d'un id ou d'un querySelector.

Ah merci beaucoup ;)

Je pensais que ça marchait normalement juste en donnant le nom de la classe, ok bein il me reste plus qu'à faire une boucle :/

Merci encore ;)

Salut, avec une HTMLcollection forEach, attention ce n'est pas direct...Il faut utiliser Array.from

Code:

---

Array.from(document.getElementsByClassName('descript')).forEach(elt => elt.style.display="none");

---

Bonjour,
dans une autre de tes discussions pourtant tu as dit

Citation:

---

Envoyé par Programir

... mais je vais quand même etudier tes liens ça me servira beaucoup ;)

---

Sinon on peut utiliser querySelectorAll qui retourne une NodeList qui elle possède la méthode forEach.

Oui oui j'ai dis ça ;)
Je croyais que c'était pour un autre sujet, mais c'est sûr il me faut ces connaissances ;)

Archimede et nosmoking, deux infos supers, je progresse ;)