title: i cannot get images with querySelector method
body: <p>Im trying to select all images in javascript var hers The Code </p>
  
  <p>Html : </p>
  
  <pre><code>&lt;div class="container"&gt;
  
  &lt;img src="Coca.jpg" class="imgg"&gt;
  &lt;img src="Water.jpg" class="imgg"&gt;
  &lt;img src="Tree.jpg" class="imgg"&gt;
  &lt;img src="Alien.jpg" class="imgg"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Css : </p>
  
  <pre><code>.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;
  
  
  }
  </code></pre>
  
  <p>i try with query selector All It doesnt work : </p>
  
  <pre><code>var imges = document.querySelectorAll('.imgg')
  
  
  imges.style.opacity=0;
  </code></pre>
  
  <p>I try with getElementsByTagName still doesnt work  : </p>
  
  <pre><code>var imges = document.getElementsByTagName('img');
  
  
  imges.style.opacity=0;
  </code></pre>
  
  <p>i try with getElementsByClassName and the same issue </p>
  
  <p>how to fix this ?</p>