Possuo uma <div>
com diversos filhos, como mostrada a seguir:
<div id="minha-div>
<span class="filhos-1" id="filho-1"><!-- outros aqui --></span>
<p class="filhos-2" id="filho-2"><!-- outros aqui --></p>
<div class="filhos-1" id="filho-3">
<span class="filhos-2" id="filho-4"><!-- outros aqui --></span>
</div>
</div>
E eu quero realizar operações com os elementos filhos da <div>
, de forma semelhante ao pseudocódigo abaixo:
var pai = document.getElementById("minha-div");
// retorna os elementos #filho-1 e #filho-3
var filhos1 = pai.pesquisa('.filhos-1');
// retorna os elementos #filho-2 e #filho-4
var filhos2 = pai.pesquisa('.filhos-2');
Como devo proceder para realizar essas seleções sem usar JQuery
?