javascript源代码img

时间:2018-05-08 00:04:13

标签: javascript image url google-chrome-extension

我想制作一个chrome扩展程序来下载网站图片。 我正在寻找一种方法来做到这一点。更特别的是,使用javascript转到下一个图像的网站,所以我需要一种方法来查找图像的网址然后转到下一个图像并找到它的网址...直到404错误页面。 但第一步是在第一页上这样做,这就是我在这里的原因。

网站的源代码如下:

<span class="next" id="lel"><img src="http://lel.site.com:8080/name/9264/32309/3_713641d7cf1a3807bc2a7e38dbbe8189.png?zoneID=95051&amp;pageID=1616841&amp;siteID=3174&amp;st=ySF1vI_OmDkLcs7TUHaxAQ&amp;e=1525741200" border="0" id="image_lel" class="pointer" style="opacity: 1; margin-left: 0px; height: 1150px; width: 800px; position: relative; left: 0px; visibility: visible;"></span>

我尝试在弹出式扩展程序中执行一些javascript,例如:

<script>
var sourdeCode = document.documentElement.innerHTML;
var someimage = document.getElementById('the_id_of_the_image');
var myimg = someimage.getElementsByTagName('img')[0];
var the_url = myimg.src;
</script>

但是,正如预期的那样,它不起作用。 有人能帮助我吗?感谢

1 个答案:

答案 0 :(得分:0)

使用document.getElementsByTagName()获取DOM中的所有图像:

var images = document.getElementsByTagName('img'); 
var srcList = [];
for(var i = 0; i < images.length; i++) {
    srcList.push(images[i].src);
}

您也可以使用document.images集合。

而且,如果你可以使用jQuery,你也可以使用$('img'),它给你一个包含所有img元素的jQuery对象。

var srcList = $('img').map(function() {
    return this.src;
}).get();

注意:上面的代码将帮助您阅读当前DOM中的所有可用图像。如果动态加载(在某些事件上),您可能必须使用一些逻辑来抓取图像。