Барање елементи внатре во друг елемент во JavaScript

Нека имаме одреден родителски елемент, а внатре во него други елементи:

html<div id="parent">
  <div class="child">text</div>
  <div class="child">text</div>
  <div class="child">text</div>
</div>

Нека референцата кон родителот е веќе добиена во променлива:

javascriptlet parent = document.querySelector('#parent');

Во таков случај, доколку е потребно, можеме да извршиме барање по селектор внатре во овој родител, а не во целиот документ. За да го направите ова, методот за барање треба да се примени не на document, туку на променливата што го содржи нашиот родител.

Ајде за пример да ги најдеме внатре во нашиот родител елементите со класа child:

javascriptlet elems = parent.querySelectorAll('.child');

html<div id="parent">
  <p class="www">text</p>
  <p class="www">text</p>
  <p class="www">text</p>
  <p class="ggg">text</p>
  <p class="ggg">text</p>
  <p class="ggg">text</p>
</div>

javascriptlet parent = document.querySelector('#parent');