Свойство naturalHeight изображения

Объект Image в DOM HTML

Определение и использование

naturalHeight Свойство возвращает исходную высоту изображения.

Например, если у вас есть изображение, первоначальная высота которого составляет 200 пикселей. Затем вы используете CSS/или устанавливаете стиль изображения с помощью HTML "height" свойства, чтобы его высота стала 500 пикселей. Свойство naturalHeight вернет "200", а свойство height вернет 500.

Совет:Используйте Свойства naturalWidth Возврат исходной ширины изображения, или использование Свойство width Установить или вернуть ширину изображения Свойство width значение.

Обратите внимание:Этот атрибут является только для чтения.

Пример

Пример 1

Возврат исходной высоты изображения:

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

Попробуйте сами

Пример 2

Разница между свойствами naturalHeight и height:

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

Попробуйте сами

Синтаксис

imageObject.naturalHeight

Технические детали

Возвратное значение: Числовое значение, представляющее исходную высоту изображения (в пикселях).

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 9.0 Поддержка Поддержка Поддержка

Объект Image в DOM HTML