Neste artigo você vai aprender a como verificar se um elemento está vazio em JavaScript, utilizaremos apenas um método!
Fala programador(a), beleza? Bora aprender mais sobre DOM e JavaScript!
Primeiramente vamos precisar selecionar o elemento que queremos checar se não há nós dentro dele
Temos vários métodos de seleção disponíveis, alguns são:
- querySelector;
- getElementById;
- getElementsByClassName;
Escolha qual se encaixa melhor no seu projeto, eu vou fazer um exemplo com querySelector
Após a seleção, basta aplicar o método hasChildNodes
Vamos receber duas respostas:
- true: existem elementos dentro do elemento selecionado;
- false: o elemento está vazio;
Veja um exemplo de código:
const input = document.querySelector("input")
console.log(input.hasChildNodes()) // false
Neste caso não há elementos filhos, pois recebemos um false
Viu como é simples? 🙂
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
No artigo de hoje você aprendeu a verificar se um elemento está vazio
Primeiramente devemos selecionar o elemento, foram apresentadas várias opções de seleção
E por fim aplicamos o método hasChildNodes no elemento selecionado, nos retornando um booleano como resposta
Se recebermos false, quer dizer que não há elementos dentro do elemento selecionado
Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!
Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!