0

Eu estou utilizando o método querySelector para obter um elemento que está dentro de três elementos de <div> como no código abaixo:

<div class="main">
    <div>
        <div>
            <span>Elemento Alvo</span>
        </div>
    </div>
</div>

O problema é que se eu utilizar o seletor ".main > span" o método não retorna nada, a não ser que eu coloque no seletor os outros elementos dessa forma:

document.querySelector(".main > div > div > span");

Eu gostaria de saber como posso obter o elemento alvo sem precisa deixar explícito os seus parentes. Eu sei que é possível fazer isso com Jquery, mas quero saber como faço em JS puro.

0

1 Resposta 1

4

O seletor > que você está usando é para descendentes imediatos, ou seja, .main > div significa um div filho de um elemento com a classe main. Para pegar descendentes em qualquer nível, use simplesmente um espaço:

document.querySelectorAll(".main span"); // Todos os spans dentro de .main

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .