JavaScript中如何获取点击列表项的内容并使用?(获取.点击.内容.列表.JavaScript...)
网页开发中,用户交互至关重要。例如,用户点击列表项(
假设我们有一个简单的HTML列表:
<ul id="test"> <li>glen</li> <li>tane</li> <li>john</li> <li>ralph</li> </ul>
目标:点击任意
以下JavaScript代码实现此功能:
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); // 在这里添加你需要的操作 }
这段代码首先获取所有
以上就是JavaScript中如何获取点击列表项的内容并使用?的详细内容,更多请关注知识资源分享宝库其它相关文章!