Image naturalHeight Attribut

HTML DOM Image-Objekt

Definition und Verwendung

naturalHeight Das Attribut gibt die ursprüngliche Höhe des Bildes zurück.

Zum Beispiel, wenn Sie ein Bild haben, das ursprünglich 200 Pixel hoch ist. Dann verwenden Sie CSS/oder verwenden Sie das HTML "height"-Attribut, um das Stil des Bildes zu setzen, so dass die Höhe 500 Pixel beträgt. Das Attribut naturalHeight gibt "200" zurück, während das Attribut height 500 zurückgibt.

Hinweis:Verwenden Sie naturalWidth-Attribut Rückgabe der ursprünglichen Breite des Bildes oder Verwendung width-Attribut Setzen oder Rückgabe der Höhe des Bildes width-Attribut Wert.

Beachten Sie:Dieses Attribut ist schreibgeschützt.

Beispiel

Beispiel 1

Rückgabe der ursprünglichen Höhe des Bildes:

var x = document.getElementById("myImg").naturalHeight;

Probieren Sie es selbst aus

Beispiel 2

Unterschied zwischen dem Attribut naturalHeight und dem Attribut height:

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;

Probieren Sie es selbst aus

Syntax

imageObject.naturalHeight

Technische Details

Rückgabewert: Wert, der die ursprüngliche Höhe des Bildes in Pixeln angibt.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung 9.0 Unterstützung Unterstützung Unterstützung

HTML DOM Image-Objekt