<picture> src (active source)

Question

Есть ли способ получить исходный код элемента <picture> в javascript без использования ширины/плотности пикселя?

Нечто похожее на <select>:selected

Может кто-нибудь пролить свет на это?

Answer 1

Элемент <picture> все еще экспериментальный, поэтому я не думаю, что есть API для получения «активного» источника. Тем не менее, я нашел следующие проблемы для спецификации <picture>, ожидая, что элемент будет иметь элемент currentSrc.

https://github.com/ResponsiveImagesCG/picture-element/issues/223

currentSrc это поведение я бы ожидать, но в настоящее время она просто не реализована в Chrome или FireFox.

Answer 2

Вы можете, если вы используете JQuery:

$('img').on('load', function() { 
    console.log($(this)[0].currentSrc); 
})