Javascript 我无法使用querySelector方法获取图像

我正在尝试选择代码中的所有图像

Html:

<div class="container">

<img src="Coca.jpg" class="imgg">
<img src="Water.jpg" class="imgg">
<img src="Tree.jpg" class="imgg">
<img src="Alien.jpg" class="imgg">

</div>

我尝试使用查询选择器，但它不起作用：

var imges = document.querySelectorAll('.imgg')


imges.style.opacity=0;

我尝试使用getElementsByTagName仍然不起作用：

var imges = document.getElementsByTagName('img');


imges.style.opacity=0;

我尝试使用getElementsByClassName和相同的问题

---

如何解决此问题？

document.queryselector all返回一个节点列表，而不是单个img元素，因此您不能执行以下操作：

imges.style.opacity=0;

---

您需要做的是遍历该节点列表，并将所需样式应用于每个元素。

非常确定var images将成为一个数组，您必须逐步通过该数组在每个图像实例上设置样式。这不是答案

imges.style.opacity=0;