Discussion :

[moimp]

Bonjour à tous,
Jusqu'à maintenant j'ai utilisé des méthodes assez compliquées pour être compatible avec IE.
J'abandonne maintenant ce navigateur et je cherche à créer le plus simplement possible un écouteur d'événement sur chaque élément d'une collection d'éléments avec une boucle. Je trouve des cours sur les boucles et d'autres sur les événements mais je n'arrive pas à les combiner.
Voici un début de code:

Code :

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

1
2
3
4
5
6
7
8
"use strict";
 
const
	imgScore	= window.document.querySelectorAll('[name*=star]')
	;
 
	var imgStars = Array.from(imgScore);
	console.log(imgStars);

[Toufik83]

Bonjour,

Pas la peine d'utiliser Array.from avec imgScore en paramètre, car ce dernier est déjà un tableau (de NodeList) :

Code :

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

1
2
3
4
5
6
7
8
9
 
"use strict";
const imgScore	= window.document.querySelectorAll('[name*=star]');
imgScore.forEach(function(elem,index){
//tu peux utiliser l'index si t'en a besoin...
     elem.addEventListener("click",function(){
           alert("clicked on "+this.name);
     });
});

[NoSmoking]

Bonjour,

..., car ce dernier est déjà un tableau :

il s'agit d'une NodeList :

Bien que NodeList ne soit pas un tableau (Array), il est possible d'itérer dessus en utilisant forEach(). Il peut également être converti en tableau (Array) en utilisant Array.from().

[Toufik83]

oui NoSmoking, je n'ai pas utilisé le bon mot.

[moimp]

Ah, c'est super, tout marche comme je veux. Merci à vous deux.