Wie erhält man die Bildgröße (Höhe & Breite) mit JavaScript?

Gibt es irgendwelche jQuery oder reine JS-APIs oder Methoden, um die Abmessungen eines Bildes auf der Seite zu erhalten?

clientWidth und clientHeight sind DOM-Eigenschaften, die die aktuelle In-Browser-Größe der inneren Abmessungen eines DOM-Elements anzeigen (ohne Rand und Umrandung). Im Falle eines IMG-Elements werden so die tatsächlichen Abmessungen des sichtbaren Bildes ermittelt.

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

Außerdem (zusätzlich zu den Antworten von Rex und Ian) gibt es:

imageElement.naturalHeight

und

imageElement.naturalWidth

Diese geben die Höhe und Breite der Bilddatei selbst (und nicht nur des Bildelements) an.

Kommentare (6)

Mit JQuery können Sie dies tun:

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