Sök efter element inuti ett annat element i JavaScript

Låt oss säga att vi har ett föräldraelement, och inuti det finns andra element:

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

Låt oss säga att referensen till föräldern redan har hämtats in i en variabel:

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

I så fall, om det behövs, kan vi utföra en sökning med en selektor inuti detta föräldraelement, och inte i hela dokumentet. För att göra detta måste sökmetoden appliceras inte på document, utan på variabeln som innehåller vår förälder.

Låt oss som ett exempel hitta inuti vårt föräldraelement element med klassen 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');