Récupérer un élément HTML

Bonjour, j'aimerais bien récupérer un élément compris dans une class html en js, je sais qu'on peut utiliser cette fonction :

Code:

---

document.getElementByClassName('maclass');

---

Code:

---

1 2 3 4

<div class="maclass">texte1</div> <div class="maclass">texte2</div> <div class="maclass">texte3</div> <div class="maclass">texte4</div>

---

mais comment récupérer la valeur comprise dans la clas( texte4 par exemple )?

attention a la syntaxe getElementsByClassName

et pour repondre a ta question :

Code:

---

1 2 3

document.getElementsByClassName('maclass').forEach(element => { console.log(element.textContent); });

---

ps : tu as aussi le querySelector, qui te permet de faire les memes selecteurs que le css

Code:

---

1 2 3

document.querySelectorAll('.maclass').forEach(element => { console.log(element.textContent); });

---

merci de ta réponse mais quand j'exécute le code, j'ai cet erreur :

Citation:

---

Uncaught TypeError: document.getElementsByClassName(...).forEach is not a function

---

pardon, c'est ma faute... l'habitude du querySelector .... :aie:
getElementsByClassName retourne une HTMLCollection, et on ne peut pas iterer dessus :aie:

Code:

---

1 2 3 4

const elements = document.getElementsByClassName('maclass'); for(let i=0; i<elements.length; ++i) { console.log(elements[i].textContent); }

---

ca devrait etre mieux

Bonjour,
petit rappel, une ID doit être UNIQUE dans ta page.

Citation:

---

Envoyé par NoSmoking

Bonjour,
petit rappel, une ID doit être UNIQUE dans ta page.

---

ha oui, erreur de ma part, j'ai mis id dans mon exemple mais je voulais mettre class vu que j'utilise la fonction getElementsByClassName

Citation:

---

Envoyé par Doksuri

Code:

---

1 2 3 4

const elements = document.getElementsByClassName('maclass'); for(let i=0; i<elements.length; ++i) { console.log(elements[i].textContent); }

---

ca devrait etre mieux

---

ok merci ça marche parfaitement :)