Como obter a largura de uma div com JavaScript

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

Formação Recomendada

Formação Claude Code

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

• 116 aulas
• 4 projetos
• 9h 23min

Conhecer formação

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!