JavaScriptを使用して特定のクラスのZ-インデックス値を変更します。

Question

以下の例のように、Z-インデックス値を3から0に変更する方法。それはインラインCSSです。特定のクラスのz-index値を変更するだけで済みます。それはJSにあるはずですが、完全なコードはES6で書かれています。

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

Answer 1

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

これはクラスxyz有する第一要素のz屈折率を変化させます。あなたはそのクラスを持つすべての要素のためにそれを変更したい場合は、要素を通じてdocument.querySelectorAll()とループを使用：// stackoverflowの：（HTTP [javascriptやjqueryのを使用して、複数のdiv要素のzインデックスを変更]の

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