js如何获取html图片,JS/JQuery获取网页或文章或某DIV所有图片

要获取网页所有图片，我们可以通过Javascript就能轻松实现，不过要想获得文章或某容器(如：Div)里所有图片，使用JQuery而不是Javascript来实现就会变得更加简单。本文将给你详细介绍。

通过Javascript获取网页所有图片

html代码

JS/JQuery获取网页或文章或某DIV所有图片_JS实例_卡卡网 webkaka.com

function getAllImg(){

var obj=document.getElementsByTagName('img');

var strImg = "网页所有图片：";

for(var i=0;i

if(obj[i].getAttribute('src')){

strImg = strImg + "\r\n" + obj[i].getAttribute('src');

}

}

document.getElementById('textarea1').value = strImg;

}

getAllImg();

上述例子是通过 document.getElementsByTagName('img') 来获得网页所有图片对象的，然后通过for循环得到各图片的URL地址。

通过Javascript获取网页文章或某个容器的所有图片

实际使用中，我们往往不要获得网页的所有图片，而是要获得某个区块的图片，例如如果我们要获得文章的所有图片，那又该怎么写Javascript代码呢？请看代码 。