Hledání elementů uvnitř jiného elementu v JavaScriptu

Předpokládejme, že máme nějaký nadřazený element, a uvnitř něj další elementy:

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

Předpokládejme, že odkaz na nadřazený element již byl získán do proměnné:

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

V takovém případě, v případě potřeby můžeme provést vyhledávání podle selektoru uvnitř tohoto nadřazeného elementu, a ne v celém dokumentu. K tomu je třeba metodu pro vyhledávání aplikovat nikoli na document, ale na proměnnou obsahující našeho nadřazeného elementu.

Pro příklad nalezněme uvnitř našeho nadřazeného elementu elementy s třídou 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');