在网页开发中，经常需要响应用户点击事件，获取元素内容并进行后续处理。本文演示如何使用javascript获取点击
我们先来看一个改进后的JavaScript代码示例，它更清晰地展示了如何获取
window.onload = function() {
const listItems = document.getElementById("test").querySelectorAll("li"); // 使用querySelectorAll更有效率
listItems.forEach(item => { // 使用forEach循环更简洁
item.addEventListener("click", function() {
const content = this.textContent; // 使用textContent获取纯文本内容，避免HTML标签干扰
myFunction(content);
});
});
};
function myFunction(value) {
console.log("Clicked list item content:", value);
// 在这里添加你想要对获取到的内容进行的操作
}这段代码首先使用querySelectorAll方法高效地获取所有
通过以上步骤，即可实现点击
以上就是如何通过JavaScript点击li标签获取其内容并传递给函数？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1022
