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://）。

瀏覽器支持

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

相關頁面

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

HTML DOM Image 對象