Suche nach Elementen innerhalb eines anderen Elements in JavaScript

Nehmen wir an, wir haben ein übergeordnetes Element und innerhalb davon andere Elemente:

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

Nehmen wir an, der Verweis auf das übergeordnete Element wurde bereits in einer Variable gespeichert:

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

In diesem Fall können wir, falls nötig, die Suche nach einem Selektor innerhalb dieses übergeordneten Elements durchführen, und nicht im gesamten Dokument. Dazu muss die Suchmethode nicht auf document angewendet werden, sondern auf die Variable, die unser übergeordnetes Element enthält.

Lassen Sie uns als Beispiel innerhalb unseres übergeordneten Elements die Elemente mit der Klasse child finden:

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');