Maison  >  Article  >  interface Web  >  js implémente l'ajout d'un événement click à la liste et le renvoi du contenu correspondant

js implémente l'ajout d'un événement click à la liste et le renvoi du contenu correspondant

小云云
小云云original
2018-03-17 16:30:213194parcourir

Cet article partage principalement avec vous l'implémentation js de l'ajout d'un événement de clic à une liste et du renvoi du contenu correspondant. Il s'agit de la première question d'entretien "ajouter un événement de clic à la liste pour qu'il affiche le contenu correspondant". j'espère que cela pourra aider tout le monde.

Méthode 1 :

var lis = document.getElementsByTagName("li");
    for(var i = 0; i<itemli.length; i++){
        lis[i].index = i; //给每个li定义一个属性索引值,赋
        lis[i].onclick = function(){
            alert("下标索引值为:"+this.index+"\n"+"文本内容是:"+this.innerHTML);  \n换行  索引值从0开始
    }
}

Recommandations associées :

Comment ajouter un événement de clic dans js

Explication détaillée des erreurs courantes lors de l'ajout dynamique d'événements de clic dans js

Explication détaillée de la façon d'ajouter des événements de clic aux images en HTML

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn