Image naturalHeight- Eigenschaft
Beispiel
Gibt die ursprüngliche Höhe eines Bildes zurück:
var x = document.getElementById("myImg").naturalHeight;
Definition und Verwendung
Die Eigenschaft naturalHeight gibt die ursprüngliche Höhe eines Bildes zurück.
Zum Beispiel, wenn Sie ein Bild haben, das ursprünglich 200 Pixel hoch ist. Dann stylen Sie das Bild mit CSS/oder verwenden Sie das HTML-Attribut „height“, um es 500 Pixel hoch zu machen. Die Eigenschaft naturalHeight gibt „200“ zurück, die Eigenschaft height hingegen 500.
Tipp: Verwenden Sie die Eigenschaft naturalWidth , um die ursprüngliche Breite eines Bilds zurückzugeben, oder die Eigenschaft width , um den Wert des width-Attributs eines Bilds festzulegen oder zurückzugeben.
Hinweis: Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
naturalHeight | Yes | 9.0 | Yes | Yes | Yes |
Syntax
imageObject.naturalHeight
Technische Details
Rückgabewert: | Eine Zahl, die die ursprüngliche Höhe eines Bildes in Pixel darstellt |
---|
Mehr Beispiele
Beispiel
Der Unterschied zwischen der Eigenschaft naturalHeight und der Eigenschaft height:
var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;
❮ Bildobjekt