⊗jsPmSrIE 392 of 504 menu

Search for elements inside another element in JavaScript

Suppose we have some parent element, and other elements inside it:

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

Let the reference to the parent has already been derived into a variable:

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

In this case, if necessary, we can search for the selector within that parent, rather than the entire document. To do this, the search method must be applied not to document, but to a variable containing our parent.

For example, let's find elements with the child class inside our parent:

let elems = parent.querySelectorAll('.child');

Given the element #parent:

<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> let parent = document.querySelector('#parent');

Find elements with the class www inside the parent and store them in the variable elems1. Then find elements with the class ggg inside the parent and store them in the variable elems2.

English
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
We use cookies for website operation, analytics, and personalization. Data processing is carried out in accordance with the Privacy Policy.
accept all customize decline