Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 添加源后,如何选择与原始图像大小相同的图像源?_Javascript_Image_Figure_Srcset - Fatal编程技术网

Javascript 添加源后,如何选择与原始图像大小相同的图像源?

Javascript 添加源后,如何选择与原始图像大小相同的图像源?,javascript,image,figure,srcset,Javascript,Image,Figure,Srcset,我有一套正在编写的代码。在我的HTML中,我用ID标识一个Img,然后Javascript获取该ID,找到实际的href并设置许多srcset和其他属性: 给我自己150美元白兰地?不介意我这样做 我的问题是,在计算出页面的大小、图像的宽度并从srcset中选择正确的图像后,我希望最终得到与图像相同的大小 仅供参考,我没有使用jquery 我已经尝试了MutationObserver,并在document.onload之后运行,但是那些没有在正确的时间捕获它。许多图像宽度在运行时为0,或者Mut

我有一套正在编写的代码。在我的HTML中,我用ID标识一个Img,然后Javascript获取该ID,找到实际的href并设置许多srcset和其他属性:

给我自己150美元白兰地?不介意我这样做 我的问题是,在计算出页面的大小、图像的宽度并从srcset中选择正确的图像后,我希望最终得到与图像相同的大小

仅供参考,我没有使用jquery

我已经尝试了MutationObserver,并在document.onload之后运行,但是那些没有在正确的时间捕获它。许多图像宽度在运行时为0,或者Mutation甚至没有捕获属性大小的变化

而且,当它真的幸运地抓住它的时候,数字大小不会改变以匹配儿童图像

var els=document.querySelectorAllfigure; 对于var x=0;x