Comment obtenir le contenu d'un élément de la liste de clics et l'utiliser dans JavaScript?

Dans le développement Web, l'interaction des utilisateurs est cruciale. Par exemple, l'utilisateur clique sur un élément de liste (<li> TAG), nous devons obtenir son contenu et effectuer l'opération correspondante. Cet article montre comment obtenir des clics en utilisant JavaScript<li> Le contenu de l'élément et le transmettre à la fonction personnalisée.

Supposons que nous ayons une simple liste HTML:

<li>Glen <li>orage <li>John <li>ralph

Cible: cliquez sur n'importe quel<li> Element, obtient son contenu texte et le transmet comme un argument à la fonction.

Le code JavaScript suivant implémente cette fonction:

 window.onload = function () {
  let listItems = document.getElementById ("test"). GetElementsByTagName ("li");

  pour (soit i = 0; i <listitems.length i listitems .onclick="function" soit value="this.InnerHtml;" myfunction fonction console.log sur contenu de l valeur ajoute dont vous avez besoin ici><p> Ce code obtient d'abord tout<code><li></code> Éléments, puis parcourez chaque élément, ajoutez l'écouteur d'événements <code>onclick</code> . Faire un clic<code><li></code> Lorsqu'un élément est utilisé, <code>this.innerHTML</code> obtient son contenu texte, l'a attribué à la variable <code>value</code> , puis le transmet à la fonction de <code>myFunction</code> pour le traitement. <code>myFunction</code> est une fonction d'espace réservé, vous pouvez ajouter des opérations requises en fonction des besoins réels. Dans l'exemple, nous imprimons simplement la valeur de la console, que vous pouvez remplacer par l'action dont vous avez besoin.</p></listitems.length>

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!