Pegando Tamanho em Pixels de um Elemento por JavaScript

Autor : Antonio Carlos Ferreira de Azevedo
Postado em : 05/07/2016


Quando precisamos recuperar um valor de tamanho de uma div por exemplo utilizamos os comandos abaixo:

var altura = document.getElementById("objeto").style.height;
var largura = document.getElementById("objeto").style.width;

Nosso problema esta quando definimos estes valores como auto, em alguns navegadores o retorno das funções acima também seriam igual a auto, para resolver este problema podemos capturar estes valores utilizando as seguintes funções:

var altura = document.getElementById("objeto").clientHeight;
var largura = document.getElementById("‘objeto").clientwidth;

Vão nos retornar os valores desejados e funcionam nos principais navegadores.



Comentários