HTMLSourceElement: свойство srcset

Базовая Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2017 года.

Свойство srcset интерфейса HTMLSourceElement — это строка, содержащая список кандидатов на изображение, разделённых запятыми.

Каждое изображение-кандидат включает URL-адрес ресурса изображения, используемого в качестве источника для элемента, и необязательно описание обстоятельств, в которых следует использовать это изображение. Описание представляет собой либо число, за которым следует 'w', указывающее ширину элемента, либо число, за которым следует 'x', указывающее плотность пикселей устройства.

Это отражает свойство srcset элемента <source>, вложенного в элемент <picture>. Оно не имеет смысла и игнорируется, если оно вложено в элемент <audio> или <video>, которые вместо этого используют атрибут src.

Значение

Строка.

Примеры

<source
  id="el"
  srcset="smile.png, smile-1.5x.png 1.5x, smile-2x.png 2x"
  type="image/png" />

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

Совместимость браузеров

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`srcset`	38	13	38	25	10.1 Атрибут `srcset` поддерживается с Safari 9.1.	38	38	25	10.3 Атрибут `srcset` поддерживается с Safari на iOS 9.1.	3.0	38

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSourceElement/srcset