<title>点击列表项获取内容并调用函数</title>

• 张三
• 李四
• 王五

<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 name = this.textContent; myFunction(name); }); } }; function myFunction(name) { // 在这里处理获取到的姓名 console.log("你点击了：" + name); // 你可以在这里添加其他的操作，例如： // alert("你点击了：" + name); // 发送Ajax请求等等 } </script>

改进说明：

紫东太初

紫东太初是中国科学院自动化研究所等团队研发的多模态认知大模型。

下载

• 使用了更简洁的const声明变量，提高了代码可读性。
• 使用了addEventListener方法添加事件监听器，这是现代JavaScript的推荐方法。
• 使用textContent代替innerHTML获取文本内容，避免潜在的HTML标签干扰。
• 提供了一个更清晰的myFunction函数示例，展示了如何处理获取到的姓名。 该示例仅打印到控制台，但你可以轻松地替换成任何你需要的操作。

这段代码实现了点击列表项后，获取其文本内容并传递给myFunction函数的功能。 myFunction函数是一个占位符，你可以根据实际需求修改其内部逻辑。 图片位置保持不变。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南