我不能用querySelector方法获取图片[重复] 。

Question

这个问题在这里已经有了答案:

querySelectorAll和getElementsBy*方法返回什么？ (9个回答)

封闭 上月.

我试图选择所有的图片在javascript var hers的代码。

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>

Css :

.container{
 margin: 0;
padding: 0;
position: absolute;
height: 480px;
width: 600px;
top: 23%;
left: 20%;
box-sizing: border-box;
background-color: red;
display: flex;
flex-wrap: wrap;
align-content: flex-start;

}
img{

height: 160px;
width: 150px;


}

I try with query selector All It does not work :

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


imges.style.opacity=0;

我尝试用getElementsByTagName仍然不工作。

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


imges.style.opacity=0;

我尝试用getElementsByClassName，但还是一样的问题。

如何解决这个问题？

Answer 1

document.querySelectorAll()返回一个节点列表，而不是一个单一的img元素，所以你不能这样做。

imges.style.opacity=0;

你要做的是通过节点列表迭代，并将所需的样式应用到每个元素上。