Javascript 将z索引应用于从最高值开始的所有div
我有一个简单的循环，它向DOM中的元素添加z-index 让init==>{ 让allDivs=document.queryselectoral.pa； 设initialIndex=1； 对于let i=0；iJavascript 将z索引应用于从最高值开始的所有div,javascript,Javascript,我有一个简单的循环，它向DOM中的元素添加z-index 让init==>{ 让allDivs=document.queryselectoral.pa； 设initialIndex=1； 对于let i=0；i{ 让allDivs=document.queryselectoral.pa； 设initialIndex=1； 对于let i=allDivs.length-1；i>=0；i-{ allDivs[i].style.zIndex=initialIndex++ } } 初始化； 测验 测验
可以反向遍历数组 让init==>{ 让allDivs=document.queryselectoral.pa； 设initialIndex=1； 对于let i=allDivs.length-1；i>=0；i-{ allDivs[i].style.zIndex=initialIndex++ } } 初始化； 测验 测验 测验
从技术上讲，您需要更改以下内容： 从数组的长度开始循环， 使用i-向后运行， allDivs[i-1]引用div元素，因为索引从零开始， 为zIndex增加i的值。 在我的解决方案中添加了额外的日志记录，只是为了查看这些值，因此我将以某种方式执行以下操作： 常量init==>{ 让allDivs=document.queryselectoral.pa； 对于let i=allDivs.length；i>0；i-{ allDivs[i-1].style.zIndex=i； 控制台.logallDivs[i-1]； } } 初始化； 测验 测验 测验
从技术上讲，您需要更改以下内容： 从数组的长度开始循环， 使用i-向后运行， allDivs[i-1]引用div元素，因为索引从零开始， 为zIndex增加i的值。 在我的解决方案中添加了额外的日志记录，只是为了查看这些值，因此我将以某种方式执行以下操作： 常量init==>{ 让allDivs=document.queryselectoral.pa； 对于let i=allDivs.length；i>0；i-{ allDivs[i-1].style.zIndex=i； 控制台.logallDivs[i-1]； } } 初始化； 测验 测验 测验 这应该起作用：
let init = () => {
let allDivs = document.querySelectorAll(".pa");
let initialIndex = 1;
for (let i = 0; i < allDivs.length; i++) {
allDivs[i].style.zIndex = allDivs.length - initialIndex++;
}
}
init();
let init = () => {
let allDivs = document.querySelectorAll(".pa");
let initialIndex = 1;
for (let i = 0; i < allDivs.length; i++) {
allDivs[i].style.zIndex = allDivs.length - initialIndex++;
}
}
init();