Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoas...
Estou construindo um site responsivo, onde preciso executar uma função apenas se os elementos (neste caso os links) possuírem filhos... Alguém sabe me dizer se seria possível fazer esta verificação com JavaScript puro?
Ahh, o código:
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</li>
<li><a href="#">Link4</a>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</li>
</ul>
Ou seja, apenas se um elemento <li> contiver filhos (neste caso <ul>), a ação deverá ser executada.bom cara eu faria da seguinte maneira:
espero que ajude, abraço!
Meu caro,
Você pode receber os filhos do elemento e ver se tal valor é diferente de 0 ou null (não me lembro como é retornado), seria algo assim:
var qtd = document.getElementById('idPai').childNodes.length;
Ai faça a verificação com os ifs da vida.
Espero ter ajudado.