Como verificar se um elemento está vazio com JavaScript

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

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

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!