Image alt 屬性

HTML DOM Image 對象

定義和用法

alt 屬性設置或返回圖像的 alt 屬性 的值。

如果由于某種原因無法顯示圖像（由于連接速度慢、src 屬性錯誤或用戶使用屏幕閱讀器），這個必需的 alt 屬性 規定圖像的替代文本。

注釋：當鼠標懸停在 <img> 元素上時，Internet Explorer 將 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=""

技術細節

返回值： 字符串值，表示圖像的替代文本。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

相關頁面

HTML 參考手冊：HTML <img> alt 屬性

HTML DOM Image 對象