Question

我是javascript的新手，我正在尝试更改div的不透明度，我不知道该怎么做，而且我在网上找不到任何东西。
到目前为止，这是我的代码：
的Javascript

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>

Answer 1

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

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

应该这样做。

＆＃13;

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

＆＃13;

<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>

＆＃13;

我怎么能改变div的不透明度？

1 个答案: