Discussion :

[ouranos88]

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 :

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

document.getElementByClassName('maclass');

Code html :

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

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 )?

[Doksuri]

attention a la syntaxe getElementsByClassName

et pour repondre a ta question :

Code javascript :

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

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 javascript :

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

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

[ouranos88]

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

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

[Doksuri]

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

Code javascript :

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

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

[NoSmoking]

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

[ouranos88]

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

[ouranos88]

Code javascript :

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

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