Image src 속성

HTML DOM Image 객체

정의와 사용법

src 이미지의 속성 설정 또는 반환 src 속성 의 값.

필수 src 속성 이미지의 URL을 정의합니다.

푸시:src 속성을 언제든지 변경할 수 있습니다. 하지만 새로운 높이와 너비 속성을 정의하지 않으면 새로운 이미지는 원래 이미지의 높이와 너비 속성을 상속합니다.

인스턴스

예제 1

이미지의 URL 변경:

document.getElementById("myImg").src = "wuhan.jpg";

직접 시도해보세요

예제 2

이미지의 URL을 반환:

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

직접 시도해보세요

문법

src 속성 반환:

imageObject.src

src 속성 설정:

imageObject.src = URL

속성 값

값 설명
URL

이미지의 URL을 정의합니다.

가능한 값:

  • 절대 URL - 다른 웹사이트로 가는 것(예: src="http://www.example.com/default.htmls")
  • 상대 URL - 사이트 내 파일을 지칭합니다(예: src="default.html"))

기술 세부 사항

반환 값: 이미지 URL을 나타내는 문자열 값. 전체 URL을 반환합니다. 프로토콜(예: http://)을 포함합니다.

브라우저 지원

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

관련 페이지

HTML 참조 매뉴얼:HTML <img> src 속성

HTML DOM Image 객체