Comment lier des événements de clic dans js (tutoriel détaillé)

Cet article utilise un exemple de code pour vous expliquer les connaissances pertinentes sur la liaison des événements de clic à la collection li d'indices js. Le code est simple et facile à comprendre, très bon et a une valeur de référence. en cas de besoin, vous pouvez y faire référence

Le code suivant vous présente l'événement de clic de liaison de la collection li. Le code spécifique est le suivant :

//Method-1:
var items = document.getElementsByTagName('li');
　　for(var i=0;i<items.length;i++){
　　　　items[i].index = i;
　　　　items[i].onclick = function(){
　　　　　　this.innerHTML = this.index;
　　}
}
//Method-2:
var items = document.getElementsByTagName(&#39;li&#39;);
　　for(var i = 0; i<items.length; i++){
　　　　(function(index){
　　　　　　items[i].onclick = function(){
　　　　　　this.innerHTML = index;
　　　　}
　　})(i)
}
//Method-3:
var items = document.getElementsByTagName(&#39;li&#39;);
for(var i = 0; i<items.length; i++){
　　items[i].onclick = function(index){
　　　　return function(){
　　　　　　this.innerHTML = index;
　　　　}
　　}(i)
}

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles connexes :

Quels sont les scénarios d'application des sous-processus dans Node.js

Interprétation détaillée du système de fichiers et problèmes associés dans nodeJs Stream

Quelles sont les commandes de débogage Javascript ?

Comment utiliser le module http dans node.js

Comment utiliser js pour invoquer une application dans WeChat ?

Comment utiliser cli pour reconstruire un échafaudage multipage dans vue

Comment changer la taille des objets en les faisant glisser dans JS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!