HTMLSourceElement: srcset 属性
HTMLSourceElement 接口的 srcset 属性是一个字符串，其中包含一个逗号分隔的候选图像列表。
每个候选图像包括一个要用作该元素源的图像资源的 URL，以及可选的描述符，指示在何种情况下使用该图像。描述符可以是后面跟'w'的数字，表示元素的宽度；也可以是后面跟'x'的数字，表示设备的像素密度。
它反映了嵌套在 <picture> 元素中的 <source> 元素的 srcset 属性。当它嵌套在 <audio> 或 <video> 元素中时，它没有意义，并且会被忽略，这些元素改用 src 属性。
值
字符串。
示例
html
<source
id="el"
srcset="smile.png, smile-1.5x.png 1.5x, smile-2x.png 2x"
type="image/png" />
js
const el = document.getElementById("el");
console.log(el.srcset); // Output: "smile.png, smile-1.5x.png 1.5x, smile-large 800w"
el.srcset = "smile.png, smile-med.png 600w, smile-large.png 800w"; // Updates the srcset value
规范
| 规范 |
|---|
| HTML # dom-source-srcset |
浏览器兼容性
加载中…