HTMLImageElement: currentSrc property

Giá trị

Một chuỗi cho biết URL đầy đủ của hình ảnh hiện được trình duyệt chọn để tải. Nếu hình ảnh sử dụng thuộc tính srcset, currentSrc cho phép bạn xác định hình ảnh nào trong bộ hình ảnh được cung cấp đã được trình duyệt chọn. Giá trị của thuộc tính không liên quan đến việc hình ảnh đã được tải thành công hay chưa.

Ví dụ

Kiểm tra hình ảnh nào được tải

Trong ví dụ này, hai kích thước khác nhau được cung cấp cho hình ảnh của một chiếc đồng hồ. Một cái rộng 200px và cái kia rộng 400px. Thuộc tính sizes được cung cấp để chỉ ra rằng hình ảnh phải được vẽ ở mức 50% chiều rộng tài liệu nếu khung nhìn rộng dưới 400px; nếu không, hình ảnh sẽ được vẽ ở độ rộng 90% của tài liệu.

HTML

<img
  src="/vi/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png"
  alt="Clock"
  srcset="
    /vi/docs/Web/HTML/Reference/Elements/img/clock-demo-200px.png 200w,
    /vi/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png 400w
  "
  sizes="(width <= 400px) 50%, 90%" />

JavaScript

const clockImage = document.querySelector("img");
const p = document.createElement("p");

p.textContent = clockImage.currentSrc.endsWith("200px.png")
  ? "Using the 200px image!"
  : "Using the 400px image.";
document.body.appendChild(p);

Kết quả

Thông số kỹ thuật

Khả năng tương thích của trình duyệt

Xem thêm

• HTMLImageElement.src
• HTMLImageElement.srcSet