document.querySelector("li").onclick = () => { console.log("Biker Jacket"); };
5 Réponses :
Vous pouvez transmettre l'élément à l'aide de cet onclick de la LI et imprimer son texte à l'aide de texteContent
p>
<h3>Shirts</h3> <ul id='list'> <li onclick="a(this)">Biker Jacket</li> <li onclick="a(this)">Mens Shirt</li> </ul>
Utiliser p> QuerySelectorall [1] code> pour le second:
<h3>Shirts</h3>
<ul id='list'>
<li>Biker Jacket</li>
<li>Mens Shirt</li>
</ul>
Utilisez simplement la méthode p> queryselectorall () code> à la place et cibler le second
li code> comme ceci:
<h3>Shirts</h3>
<ul id='list'>
<li>Biker Jacket</li>
<li>Mens Shirt</li>
</ul>
J'ai essayé différentes itérations et emplacements pour le [1], n'avait aucune idée que vous pourriez passer #list Li à travers mais cela a fonctionné parfaitement. Merci beaucoup
Vous pouvez utiliser le p> : Nth-enfant (x) code> pseudo sélecteur pour obtenir l'élément en position
x code> comme ceci:
<h3>Shirts</h3>
<ul id='list'>
<li>Biker Jacket</li>
<li>Mens Shirt</li>
</ul>
Il y a quelques façons de le sélectionner: ou p> ou si c'est juste la dernière chose de n'importe quelle liste Besoin: p> Lorsque votre élément sélectionné ajoutez un gestionnaire de clic à celui-ci: p> item.addEventListener('click', ()=>{
console.log(this.innerText);
});
Utilisez ce sélecteur:
UL> Li: Nth-enfant (2) code>
Document.QuerySelectorallall ('Li') [1] B> Sélectionnera la deuxième occurrence de
Li code> telle qu'elle est basée sur 0.
Si une question reçoit 5 réponses dans les 5 premières minutes, vous savez que vous n'avez pas assez de recherches.
Voir Stackoverflow.com / Questions / 22902447 / ...