queryseLectorallを使用して複数の要素の外観を変更する

Web開発の世界では、複数の要素のスタイルを同時に操作する必要があることがよくあります。このシナリオでは、特定のDIV要素の不透明度を調整するためにJavaScript関数が存在します。ただし、この関数を一度に複数のDIVに適用することには課題があります。代わりに、QuerySelectorallは、より適切なソリューションとして現れます。関数の実装方法は次のとおりです。 var elems = document.queryselectorall（classname）; var index = 0、length = elems.length; for（; index

このコードでは、QuerySeLectorallは、特定のクラス名を含むすべてのDIVのコレクションを取得します。 a for loopは、このコレクションを繰り返し、各要素に目的のスタイルの変更を適用します。このアプローチは、スタイリング値が動的ではない場合に役立ちます。上記のコードは、

function changeOpacity(className) {
    var elems = document.querySelectorAll(className);
    var index = 0, length = elems.length;
    for ( ; index クラスを追加するCSSクラスを追加することにより、関数を単純化できます。
に変更できます。