通过Javascript更改特定类的z-index值

Question

如何将Z-index值从3更改为0，如下例所示。它是内联css。我只需要更改特定类的z-index值。它应该在JS中，但完整的代码是用ES6编写的。

＆＃13;

＆＃13;

<div class="xyz" style="position:absolute;z-index:3;top:0;left:0;">

＆＃13;

＆＃13;

＆＃13;

Answer 1

document.querySelector(".xyz").style.zIndex = 0

这将改变具有类xyz的第一个元素的z-index。如果要为该类的所有元素更改它，请使用document.querySelectorAll()并遍历元素：

for (const element of document.querySelectorAll(".xyz")) {
  element.style.zIndex = 0
}