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