이미지 naturalHeight 속성
예시
이미지의 원래 높이를 반환합니다.
var x = document.getElementById("myImg").naturalHeight;
정의 및 사용
naturalHeight 속성은 이미지의 원래 높이를 반환합니다.
예를 들어 원래 높이가 200픽셀인 이미지가 있는 경우입니다. 그런 다음 CSS로 이미지의 스타일을 지정하거나 HTML "높이" 속성을 사용하여 500픽셀 높이로 만듭니다. naturalHeight 속성은 "200"을 반환하지만 height 속성은 500을 반환합니다.
팁: naturalWidth 속성을 사용하여 이미지의 원래 너비를 반환하거나 width 속성을 사용하여 이미지의 너비 속성 값을 설정하거나 반환합니다.
참고: 이 속성은 읽기 전용입니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
naturalHeight | Yes | 9.0 | Yes | Yes | Yes |
통사론
imageObject.naturalHeight
기술적 세부 사항
반환 값: | 이미지의 원래 높이를 픽셀 단위로 나타내는 숫자 |
---|
더 많은 예
예시
naturalHeight 속성과 height 속성의 차이점:
var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;
❮ 이미지 개체