Obtenha a largura e a altura de um elemento

Para obter a largura e a altura de um elemento, você usa as propriedades offsetWidthe offsetHeightdo elemento:

const box = document.querySelector('.box');

const width = box.offsetWidth,
    height = box.offsetHeight;Linguagem de código:  JavaScript  ( javascript )

O offsetWidthe offsetHeightinclui o preenchimento e a borda.

Para obter a largura e a altura de um elemento sem borda, você usa as propriedades clientWidthe :clientHeight

const box = document.querySelector('.box');

const width = box.clientWidth,
    height = box.clientHeight;Linguagem de código:  JavaScript  ( javascript )

Observe que as propriedades clientWidthe clientHeighttambém incluem os preenchimentos.

Anterior

Obtenha a posição de deslocamento de um elemento em relação ao seu pai

Próximo

Adicionar uma classe a um elemento