Vyhľadávanie prvkov vo vnútri iného prvku v JavaScript

Predpokladajme, že máme nejaký nadradený prvok, a vo vnútri neho sú iné prvky:

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

Predpokladajme, že odkaz na nadradený prvok už bol získaný do premennej:

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

V takom prípade, v prípade potreby môžeme vykonať vyhľadávanie podľa selektora vo vnútri tohto nadradeného prvku, a nie v celom dokumente. Na to je potrebné aplikovať metódu na vyhľadávanie nie na document, ale na premennú obsahujúcu nášho nadradeného prvku.

Pre príklad nájdime vo vnútri nášho nadradeného prvku prvky s triedou 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');