获取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是数组的方法
点赞 评论

相关推荐

01-02 00:50
三峡大学 Java
程序员牛肉:这简历一出手就离失业不远了。 作为一家公司来讲,我如果要招日常实习生,那我对实习生最基本的要求就是要能干活,毕竟你就待三四个月,谁会留心培养你? 那么除了院校之外,最重要的就是项目和实习了。没有实习的话项目就好好搞。 但是你说你这个项目吧:课程作业管理系统和TMS运输管理系统。这两个基本就和闹着玩差不多。 你作为一个想要应聘Java开发实习生的人,对后端的理解还仅仅停留在:“使用mapper和sql映射”,“使用SQL进行多表调用”,“基于MySQL简历表结构”,“基于Spring boot完成CURD操作”这种玩具上......... 找不到后端实习的
点赞 评论 收藏
分享

牛客热帖

更多
牛客网
牛客企业服务