⊗jsPmSrIE 392 of 505 menu

Búsqueda de elementos dentro de otro elemento en JavaScript

Supongamos que tenemos un elemento padre, y dentro de él hay otros elementos:

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

Supongamos que la referencia al padre ya se ha obtenido en una variable:

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

En ese caso, si es necesario, podemos realizar una búsqueda por selector dentro de este padre, y no en todo el documento. Para ello, el método de búsqueda debe aplicarse no a document, sino a la variable que contiene a nuestro padre.

Como ejemplo, busquemos dentro de nuestro padre los elementos con la clase child:

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

Dado el elemento #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');

Encuentra dentro del padre los elementos con la clase www y escríbelos en la variable elems1. Luego, encuentra dentro del padre los elementos con la clase ggg y escríbelos en la variable elems2.

Español
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Usamos cookies para el funcionamiento del sitio, análisis y personalización. El procesamiento de datos se realiza de acuerdo con la Política de privacidad.
aceptar todas configurar rechazar