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 对象