Beispiel
Bringen Sie die ursprüngliche Höhe eines Bildes:
var x = document.getElementById("myImg").naturalHeight;
Das Ergebnis von x wird:
98 Versuch es selber " Definition und Verwendung
Die naturalHeight Eigenschaft gibt die ursprüngliche Höhe eines Bildes.
Zum Beispiel, wenn Sie ein Bild haben, das ursprünglich 200 Pixel hoch ist. Dann, Stil Sie das Bild mit CSS / oder durch die HTML "height" Attribut, um es 500 Pixel hoch zu machen. Die naturalHeight Eigenschaft zurückkehren wird "200", die Höhe jedoch Eigenschaft wird 500 zurück.
Tipp: Verwenden Sie die naturalWidth Eigenschaft die ursprüngliche Breite eines Bildes zurückzukehren, oder die Breite Eigenschaft zu setzen oder den Wert der Rückkehr width Attribut eines Bildes.
Hinweis: Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| naturalHeight | ja | 9.0 | ja | ja | ja |
Syntax
imageObject .naturalHeightTechnische Details
| Rückgabewert: | Eine Zahl ist, die ursprüngliche Höhe eines Bildes in Pixel darstellen |
|---|
Mehr Beispiele
Beispiel
Die Differenz zwischen dem naturalHeight Eigenschaft und der Eigenschaft height:
var x = document.getElementById("myImg").naturalHeight;
var y =
document.getElementById("myImg").height; Versuch es selber " 
Bildobjekt