Neste artigo você vai aprender a como adicionar um evento onload a uma div, faremos isso de maneira simples!
Fala programador(a), beleza? Bora aprender mais sobre eventos de DOM!
Adicionar um evento “onload” em uma div é uma tarefa simples e pode ser feita usando JavaScript. O evento “onload” é acionado quando o conteúdo da div é carregado completamente.
Isso é útil para executar uma ação específica, como mostrar uma animação ou adicionar conteúdo dinamicamente.
Existem duas maneiras de adicionar um evento “onload” em uma div: usando a propriedade “onload” da div ou usando o método “addEventListener”.
Usando a propriedade “onload” da div:
<div id="minhaDiv" onload="minhaFuncao()"></div>
<script>
function minhaFuncao() {
console.log("Div carregada!");
}
</script>
Usando o método “addEventListener”:
<div id="minhaDiv"></div>
<script>
const minhaDiv = document.getElementById("minhaDiv");
minhaDiv.addEventListener("load", minhaFuncao);
function minhaFuncao() {
console.log("Div carregada!");
}
</script>
Em ambos os exemplos, a função “minhaFuncao” será chamada quando a div for carregada.
Você pode colocar qualquer código JavaScript dentro da função para executar a ação desejada.
Lembre-se de que é importante especificar o id da div correta, para que o evento seja adicionado à div desejada.
Deixe um comentário contando o que achou deste artigo 🙂
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
Em conclusão, adicionar um evento “onload” em uma div é uma tarefa fácil e útil com JavaScript. Isso permite executar uma ação específica assim que o conteúdo da div é carregado completamente.
Existem duas maneiras de fazer isso: usando a propriedade “onload” da div ou usando o método “addEventListener”.
Ambos os métodos são simples de usar e garantem que a ação desejada seja executada assim que a div for carregada. Lembre-se de especificar o id da div correta para garantir que o evento seja adicionado à div desejada.
Está buscando a sua primeira vaga como Programador? 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!