ელემენტების ძებნა სხვა ელემენტის შიგნით 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');