Thuộc tính src của hình ảnh

Đối tượng Image DOM HTML

Định nghĩa và cách sử dụng

src Cài đặt thuộc tính hoặc trả về hình ảnh của Thuộc tính src giá trị.

Bắt buộc Thuộc tính src Định nghĩa URL của hình ảnh.

Lưu ý:Bạn có thể thay đổi thuộc tính src bất kỳ lúc nào. Tuy nhiên, nếu không quy định thuộc tính chiều cao và chiều rộng mới, hình ảnh mới sẽ kế thừa thuộc tính chiều cao và chiều rộng của hình ảnh ban đầu.

Mô hình

Ví dụ 1

Thay đổi URL của hình ảnh:

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

Thử ngay

Ví dụ 2

Trả về URL của hình ảnh:

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

Thử ngay

Cú pháp

Trả về thuộc tính src:

imageObject.src

Đặt thuộc tính src:

imageObject.src = URL

Giá trị thuộc tính

Giá trị Mô tả
URL

Định nghĩa URL của hình ảnh.

Các giá trị có thể

  • URL tuyệt đối - chỉ định trang web khác (ví dụ src="http://www.example.com/default.htmls")
  • URL tương đối - chỉ đường đến tệp trong trang web (ví dụ: src="default.html"))

Chi tiết kỹ thuật

Giá trị trả về: Giá trị chuỗi, biểu thị URL của hình ảnh. Trả về URL đầy đủ, bao gồm giao thức (ví dụ: http://).

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Tài liệu tham khảo HTML:Thuộc tính src của thẻ <img> HTML

Đối tượng Image DOM HTML