javascript - 如何更改div的不透明度？

This question already has answers here:

What do querySelectorAll and getElementsBy* methods return?
                                
                                    （9个答案）
                                
                        
                                2年前关闭。
            
                    
我是Java语言的新手，正在尝试更改div的不透明度，但我不知道该怎么做，而且我也没有在网上找到任何东西。
到目前为止，这是我的代码：
Java脚本

function close_images(){
    document.getElementsByClassName("modificar_imagen").style.opacity="0";
}

的HTML

<div class="modificar_imagen">
        <div class="close1" onclick="close_images()"><img src="img/icons/close.png" alt="close"></div>
            <div class="contenido">
                <div class="grid">
                        <div  class="image_user"><img src="img/user1.jpg"></div>
                        <div  class="image_user"><img src="img/user1.jpg"></div>


                </div>
            </div>
    </div>

最佳答案

document.getElementsByClassName("modificar_imagen")检索HTMLCollection。最好使用document.querySelectorAll()，以便可以使用forEach()方法遍历图像集合：

    document.querySelectorAll(".modificar_imagen").forEach(el=>el.style.opacity="0");

那应该做。

function close_images(){
    document.querySelectorAll(".modificar_imagen").forEach(el=>el.style.opacity="0");
}

close_images()

<div class="modificar_imagen">
        <div class="close1" onclick="close_images()"><img src="img/icons/close.png" alt="close"></div>
            <div class="contenido">
                <div class="grid">
                        <div  class="image_user"><img src="img/user1.jpg"></div>
                        <div  class="image_user"><img src="img/user1.jpg"></div>


                </div>
            </div>
    </div>

关于javascript - 如何更改div的不透明度？ ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50307776/