HTMLLinkElement: thuộc tính imageSrcset
Baseline
2023
Newly available
Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Thuộc tính imageSrcset của giao diện HTMLLinkElement là một chuỗi xác định một hoặc nhiều chuỗi ứng viên hình ảnh được phân tách bằng dấu phẩy. Thuộc tính này phản ánh giá trị của thuộc tính imagesrcset của phần tử <link>. Thuộc tính này có thể lấy hoặc đặt giá trị thuộc tính imagesrcset.
Mỗi chuỗi ứng viên hình ảnh chứa URL hình ảnh và một bộ mô tả chiều rộng và/hoặc mật độ pixel tùy chọn cho biết điều kiện sử dụng hình ảnh ứng viên đó.
"images/team-photo.jpg, images/team-photo-retina.jpg 2x, images/team-photo-large.jpg 1400w"
Đối với các phần tử HTML <link> có rel="preload" và as="image", thuộc tính imagesrcset có cú pháp và ngữ nghĩa tương tự như thuộc tính srcset của phần tử <img>, cho biết nên preload tài nguyên phù hợp được sử dụng bởi phần tử <img> với các giá trị tương ứng cho thuộc tính srcset và sizes của nó.
Nếu thuộc tính imageSrcset bao gồm bộ mô tả chiều rộng, thuộc tính imageSizes phải khác null, nếu không giá trị imageSrcset sẽ bị bỏ qua.
Giá trị
Một chuỗi gồm danh sách được phân tách bằng dấu phẩy của một hoặc nhiều chuỗi ứng viên hình ảnh, hoặc chuỗi rỗng "" nếu không được chỉ định.
Ví dụ
Cho phần tử <link> sau:
<link
rel="preload"
as="image"
imagesizes="50vw"
imagesrcset="bg-narrow.png, bg-wide.png 800w" />
...chúng ta có thể truy cập giá trị thuộc tính imagesrcset và cập nhật nó bằng thuộc tính imageSrcset:
const link = document.querySelector("link");
log(`Original: ${link.imageSrcset}`);
// thêm một chuỗi ứng viên hình ảnh
link.imageSrcset += ", bg-huge.png 1200w";
log(`Updated: ${link.imageSrcset}`);
Đặc tả kỹ thuật
| Thông số kỹ thuật |
|---|
| HTML # dom-link-imagesrcset |