Image naturalHeight 속성

HTML DOM 이미지 객체

정의와 사용법

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

기술 세부 사항

반환 값: 값, 이미지의 원래 높이를 표현합니다(픽셀 단위).

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 9.0 지원 지원 지원

HTML DOM 이미지 객체