鼠标滑过li获得下标
可以通过以下代码实现:
HTML:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
JavaScript:
const listItems = document.querySelectorAll('li');
listItems.forEach((item, index) => {
item.addEventListener('mouseover', () => {
console.log(index);
});
});
首先,我们使用querySelectorAll()选择所有的li元素,并将它们存储在listItems变量中。
然后,我们使用forEach()方法遍历每个元素,并将其与其索引一起传递给回调函数。
在回调函数中,我们为每个元素添加一个鼠标悬停事件监听器。当鼠标悬停在元素上时,我们使用console.log()打印出该元素的索引。
原文地址: https://www.cveoy.top/t/topic/vkD 著作权归作者所有。请勿转载和采集!