Atrybut naturalHeight Image

Obiekt Obrazu Image DOM HTML

Definicja i użycie

naturalHeight Atrybut zwraca oryginalną wysokość obrazu.

Na przykład, jeśli masz obraz, który pierwotnie ma wysokość 200 pikseli. Następnie ustawiasz styl obrazu za pomocą CSS lub atrybutu "height" HTML, aby jego wysokość wynosiła 500 pikseli. Atrybut naturalHeight zwróci "200", a atrybut height zwróci 500.

Podpowiedź:Użyj Atrybut naturalWidth Zwraca oryginalną szerokość obrazu, lub używa Atrybut width Ustawia lub zwraca szerokość obrazu Atrybut width wartość.

Uwaga:Ta właściwość jest jedynie do odczytu.

Przykład

Przykład 1

Zwraca oryginalną wysokość obrazu:

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

Spróbuj sam

Przykład 2

Różnica między atrybutem naturalHeight a atrybutem height:

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

Spróbuj sam

Gramatyka

imageObject.naturalHeight

Szczegółowe informacje techniczne

Zwrócona wartość: Wartość liczbowa, oznaczająca oryginalną wysokość obrazu (w pikselach).

Wsparcie przeglądarki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie 9.0 Wsparcie Wsparcie Wsparcie

Obiekt Obrazu Image DOM HTML