Question

HTMLImageElement具有currentSrc属性，因此我们可以获取img元素的当前来源。在使用srcset定义多个可能的来源时很有用。

似乎没有HTMLPictureElement的等价物。

我们是否有其他方法可以使用Javascript找到picture元素的当前来源？

Answer 1

您可以访问@Override public void onResume() { super.onResume(); getRetrofit(""); }元素中currentSrc元素的img来获取应用的图片。

在下面的演示中（如果您使用浏览器的全宽桌面），picture将成为currentSrc图片。

http://placehold.it/600x100

window.onload = function() {
  const picture = document.getElementById('pictureEl');
  const currentSource = document.getElementById('currentSource');
  currentSource.innerText = picture.getElementsByTagName('img')[0].currentSrc;
}

Answer 2

使用它来获取图像源。

function getCurrentSrc(element, cb){
    var getSrc;
    if(!window.HTMLPictureElement){
        if(window.respimage){
            respimage({elements: [element]});
        } else if(window.picturefill){
            picturefill({elements: [element]});
        }
        cb(element.src);
        return;
    }

    getSrc = function(){
        element.removeEventListener('load', getSrc);
        element.removeEventListener('error', getSrc);
        cb(element.currentSrc);
    };

    element.addEventListener('load', getSrc);
    element.addEventListener('error', getSrc);
    if(element.complete){
        getSrc();
    }
}

获取图片元素的当前图像源

2 个答案: