JavaScript中如何动态获取点击li标签内容并调用函数?

<!DOCTYPE html><html><head><title>动态获取li标签内容并调用函数</title></head><body><ul id="test">  <li>项目1</li>  <li>项目2</li>  <li>项目3</li></ul><script>  window.onload = function() {    const listItems = document.getElementById("test").getElementsByTagName("li");    for (let i = 0; i < listItems.length; i++) {      listItems[i].addEventListener("click", function() {        const itemContent = this.textContent; // 获取li元素的文本内容        myFunction(itemContent);       });    }  };  function myFunction(value) {    // 在这里处理获取到的li元素内容    console.log("你点击了:", value);     // 例如,你可以用这个值更新其他页面元素:    // document.getElementById("result").textContent = "你点击了:" + value;  }</script></body></html>

登录后复制

本文来自互联网或AI生成,不代表软件指南立场。本站不负任何法律责任。

如若转载请注明出处:http://www.down96.com/tutorials/8267.html

热心网友热心网友
上一篇 2025-04-11 15:55
下一篇 2025-04-11 15:56

相关推荐

本站[软件指南]所有内容来自互联网投稿或AI智能生成,并不代表软件指南的立场。