JavaScript 获取 li 元素悬停时下标
如果是在 HTML 页面上,可以使用 JavaScript 来获取 li 元素的下标。可以通过以下代码实现:
var lis = document.getElementsByTagName('li');
for (var i = 0; i < lis.length; i++) {
lis[i].addEventListener('mouseover', function() {
var index = Array.prototype.indexOf.call(this.parentElement.children, this);
console.log(index);
});
}
以上代码中,我们使用 addEventListener() 方法来给每个 li 元素添加鼠标悬停事件,当鼠标悬停在某个 li 元素上时,会输出该元素在其父元素中的下标。具体实现是通过使用 Array.prototype.indexOf() 方法和 call() 方法来获取元素在其父元素的子元素中的位置。
原文地址: https://www.cveoy.top/t/topic/lHgY 著作权归作者所有。请勿转载和采集!