¿Cómo obtener el tamaño de la imagen (alto y ancho) usando JavaScript?

¿Existe alguna API o método jQuery o JS puro para obtener las dimensiones de una imagen en la página?

clientWidth y clientHeight son propiedades del DOM que muestran el tamaño actual en el navegador de las dimensiones internas de un elemento del DOM (excluyendo el margen y el borde). Así que en el caso de un elemento IMG, esto obtendrá las dimensiones reales de la imagen visible.

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;
Comentarios (10)

También (además de las respuestas de Rex e Ian's) hay:

imageElement.naturalHeight

y

imageElement.naturalWidth

Proporcionan la altura y la anchura del propio archivo de imagen (en lugar de sólo el elemento de imagen).

Comentarios (6)

Usando JQuery se hace esto:

var imgWidth = $("#imgIDWhatever").width();
Comentarios (4)