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