Использование простого JavaScript для отображения только прямых дочерних элементов

Question

Я пытаюсь перечислить элементы img в своем слайд-шоу с использованием JavaScript, который является всем дочерним элементом в контейнере. В этом контейнере у меня также есть 2 divs для навигационных стрелок. Они также содержат дочерний элемент img.

Как я могу только перечислить первый набор элементов img, а не навигационные стрелки, используя простой JavaScript?

 <div id='imgContain'> 
 
     <?php 
 
     $path = "./resSlide"; 
 
     $all_files = scandir($path); 
 
     $how_many = count($all_files); 
 
      for ($i=2; $i<$how_many;$i++) { 
 
       $num=$i-1; 
 
       echo "<img src=\"./resSlide/$all_files[$i]\" id= \"$num\" class= \"slideImg2\"/>"; 
 
      } 
 
     ?> 
 
     <div id='imgPosbar'> 
 
      <div id='imgPosbarIn'></div> 
 
     </div> 
 
     <div id='imgPosLeftBut' onclick='LeftClick();'> 
 
      <img class='imgBut' src="leftarrow.png" alt='Sorry'> 
 
     </div> 
 
     <div id='imgPosRightBut' onclick='RightClick();'> 
 
      <img class='imgBut' src='rightarrow.png' alt='Sorry'> 
 
     </div> 
 
     </div>

Answer 1

Это выбрать все img, который является прямым потомком #imgContain

var elems = document.querySelectorAll('#imgContain > img'); 

for (var i = 0; i < elems.length; i++) { 
    // do something with each img 
    var el = elems[i]; 
}