Neste artigo você vai aprender a como obter a largura de uma div com JavaScript, de uma maneira simples!
Fala programador(a), beleza? Bora aprender mais sobre JavaScript!
Esta ação de obter a largura de um elemento pode ser feita de maneira muito simples
O que vamos precisar é selecionar o elemento alvo
Para isso temos diversos métodos:
- getElementById;
- getElementsByClassName;
- querySelector;
- querySelectorAll;
Depois de termos acesso as propriedades e métodos do DOM
Vamos resgatar a offsetWidth, que é exatamente o você precisa para ter a largura
Lembrando que offsetWidth contempla as bordas do elemento
Já se você não precisa disso, há a possibilidade de utilizar clientWidth
Esta última ignora as bordas, dando a “largura interna”
Deixe um comentário contando o que achou desta solução 🙂
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
Neste artigo você viu como obter a largura de uma div
Apenas precisamos acessar o elemento, e acessar a propriedade offsetWidth
Isso nos dá a largura total de um elemento no nosso HTML
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!