HTML DOM Image 객체

이미지 객체

Image 객체는 HTML <img> 요소를 대표합니다。

Image 객체에 접근하세요

getElementById() 메서드를 사용하여 <img> 요소에 접근할 수 있습니다:

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

직접 시험해보세요

ヒント:다음을 사용할 수도 있습니다 images 콜렉션 <img> 요소에 접근하세요。

Image 객체 생성

document.createElement() 메서드를 사용하여 <img> 요소를 생성할 수 있습니다:

var x = document.createElement("IMG");

직접 시험해보세요

Image 객체 속성

속성 설명
align

HTML5에서 지원하지 않습니다。다음을 사용하십시오 style.cssFloat。

이미지의 align 속성 값을 설정하거나 반환합니다。
alt 이미지의 alt 속성 값을 설정하거나 반환합니다。
border

HTML5에서 지원하지 않습니다。다음을 사용하십시오 style.border。

이미지의 border 속성 값을 설정하거나 반환합니다。
complete 브라우저가 이미지를 로드한지 여부를 반환합니다。
crossOrigin 이미지의 CORS 설정을 설정하거나 반환합니다。
height 이미지의 height 속성 값을 설정하거나 반환합니다。
hspace

HTML5에서 지원하지 않습니다。다음을 사용하십시오 style.margin。

이미지의 hspace 속성 값을 설정하거나 반환합니다。
isMap 이미지가 서버 측 이미지 맵의 일부인지 설정하거나 반환합니다。
longDesc

HTML5에서 지원하지 않습니다。

이미지의 longdesc 속성 값을 설정하거나 반환합니다。
lowsrc

HTML5에서 지원하지 않습니다。

이미지의 저해상도 버전의 URL을 설정하거나 반환합니다。
name

HTML5에서 지원하지 않습니다。id를 사용하십시오.

이미지의 name 속성 값을 설정하거나 반환합니다。
naturalHeight 이미지의 원래 높이를 반환합니다。
naturalWidth 이미지의 원래 너비를 반환합니다。
src 이미지의 src 속성 값을 설정하거나 반환합니다。
useMap 이미지의 usemap 속성 값을 설정하거나 반환합니다。
vspace

HTML5에서 지원하지 않습니다。다음을 사용하십시오 style.margin。

이미지의 vspace 속성 값을 설정하거나 반환합니다。
width 이미지의 width 속성 값을 설정하거나 반환합니다。

표준 속성과 이벤트

Image 객체는 표준을 지원합니다속성및이벤트。

관련 페이지

HTML 교본:HTML 이미지

HTML 참조 매뉴얼:HTML <img> 태그