获取li的索引,通过事件委托实现: document.getElementById('myList').addEventListener('click', function(event) { const target = event.target; if (target.nodeName === 'LI') { // 确保点击的是列表项 const childNodes = document.getElementById('myList').childNodes; const index = Array.prototype.indexOf.call(childNodes, target); // 获取索引 console.log('You clicked on item at index:', index); } }); 在这个例子中,我们为包含列表项的<ul>元素添加了一个点击事件监听器。当列表项被点击时,事件委托机制会触发并通过event.target获取到实际被点击的元素。然后我们通过Array.prototype.indexOf方法在子节点数组中查找该元素的索引。注意,这里需要使用Array.prototype.indexOf.call来查找节点,因为childNodes返回的是一个NodeList,而indexOf是数组的方法
点赞 评论

相关推荐

牛客网
牛客网在线编程
牛客网题解
牛客企业服务