<!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生成,不代表软件指南立场。本站不负任何法律责任。