Neste artigo você vai aprender a como verificar se um elemento está vazio em JavaScript, utilizaremos apenas um método!

verificar se um elemento está vazio capa

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!

Inscrever-se
Notificar de
guest

0 Comentários
mais antigos
mais recentes Mais votado
Feedbacks embutidos
Ver todos os comentários