网页开发中，用户交互至关重要。例如，用户点击列表项（标签），我们需要获取其内容并执行相应操作。本文演示如何用JavaScript获取点击元素的内容，并将其传递给自定义函数。
假设我们有一个简单的HTML列表：
- glen
- tane
- john
- ralph
目标：点击任意元素，获取其文本内容，并作为参数传递给函数。
以下JavaScript代码实现此功能：
立即学习“Java免费学习笔记（深入）”；
window.onload = function() {
let listItems = document.getElementById("test").getElementsByTagName("li");
for (let i = 0; i < listItems.length; i++) {
listItems[i].onclick = function() {
let value = this.innerHTML;
myFunction(value);
};
}
};
function myFunction(value) {
console.log("Clicked item content:", value);
// 在这里添加你需要的操作
}
这段代码首先获取所有元素，然后遍历每个元素，添加onclick事件监听器。点击元素时，this.innerHTML获取其文本内容，赋值给value变量，再传递给myFunction函数处理。myFunction是一个占位函数，你可以根据实际需求添加所需操作。示例中，我们简单地将值打印到控制台，你可以替换成任何你需要的操作。
