Maison > interface Web > js tutoriel > le corps du texte

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

小云云
Libérer: 2018-03-17 16:30:21
original
3217 Les gens l'ont consulté

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开始
    }
}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal