要获取不是"display:none;"的列表项元素的索引,可以通过以下步骤实现:
以下是一个示例代码,演示如何获取不是"display:none;"的列表项元素的索引:
// 获取父元素
var parentElement = document.getElementById("parentElement");
// 获取所有的列表项元素
var listItems = parentElement.getElementsByTagName("li");
// 保存不是"display:none;"的列表项元素的索引
var visibleIndexes = [];
// 遍历列表项元素
for (var i = 0; i < listItems.length; i++) {
// 获取列表项元素的display属性
var display = getComputedStyle(listItems[i]).getPropertyValue("display");
// 判断display属性是否为"none"
if (display !== "none") {
// 将不是"display:none;"的列表项元素的索引保存到数组中
visibleIndexes.push(i);
}
}
// 输出不是"display:none;"的列表项元素的索引
console.log(visibleIndexes);
在这个示例中,我们首先获取了包含列表项的父元素,然后使用getElementsByTagName方法获取所有的列表项元素。接着,我们遍历列表项元素,通过getComputedStyle方法获取每个元素的display属性,并判断是否为"none"。如果不是"none",则将该元素的索引保存到visibleIndexes数组中。最后,我们输出visibleIndexes数组,即为不是"display:none;"的列表项元素的索引。
请注意,这只是一个示例代码,具体的实现方式可能会根据具体的页面结构和需求而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云