Image alt 속성

HTML DOM Image 객체

정의와 사용법

alt 속성 설정 또는 이미지의 alt 속성 의 값을 설정하거나 반환합니다.

이미지가 어떤 이유로든 표시되지 않을 경우(연결 속도가 느리거나 src 속성이 잘못되었거나 사용자가 스크린 레이더를 사용하는 경우), 이 필수적인 alt 속성 이미지의 대체 텍스트를 정의합니다.

주의사항:마우스가 <img> 요소에��론지를 때리면, 인터넷 익스플로러는 alt 속성의 값을 도구 툴팁으로 표시합니다. HTML 규범에 따르면, 이는 올바른 행동이 아닙니다. 다른 모든 브라우저는 규범을 따르며, 이미지가 표시되지 않을 때만 대체 텍스트를 표시합니다.

추가적인 정보:이미지에 도구 툴팁을 만들고 싶다면, 전역의 title 속성。

예제

예제 1

이미지의 대체 텍스트 반환:

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

본인이 직접 시도해 보세요

예제 2

이미지의 대체 텍스트 변경:

document.getElementById("myImg").alt = "베이징 풍경";

본인이 직접 시도해 보세요

문법

alt 속성 반환:

imageObject.alt

alt 속성 설정:

imageObject.alt = text

속성 값

값 설명
text

이미지의 대체 텍스트를 정의합니다.

대체 텍스트 가이드:

  • 이미지에 정보가 포함된 경우, 텍스트는 이미지를 설명해야 합니다.
  • 이미지가 <a> 요소 내에 있는 경우, 텍스트는 링크 위치를 설명해야 합니다.
  • 이미지가 장식용으로만 사용되는 경우, alt=""를 사용하십시오.

기술 세부 사항

반환 값: 문자열 값, 이미지의 대체 텍스트를 나타냅니다.

브라우저 지원

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

관련 페이지

HTML 참조 가이드:HTML <img> alt 속성

HTML DOM Image 객체