HTMLSourceElement: srcset 屬性

Baseline 已廣泛支援

此特性已得到良好確立,可跨多種裝置和瀏覽器版本使用。自 2017 年 3 月起,所有瀏覽器均支援此特性。

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

瀏覽器相容性

另見