如何使用JS获取当前页面中所有图片的地址
请教JS高手：使用JS获取当前页面中所有图片的地址1分钟前提问者：潜入深蓝2010|悬赏分：30|浏览次数：1次请教JS高手：我想使用JS获取当前页面中所有图片的地址。我...
请教JS高手：使用JS获取当前页面中所有图片的地址
1 分钟前提问者： 潜入深蓝2010 | 悬赏分：30 |浏览次数：1次
请教JS高手：
我想使用JS获取当前页面中所有图片的地址。
我用 var imgs = document.getElementsByTagName("img")[0].src;可以获取某一张的图片地址；但不知道如何获取全部的图片地址并且如果有两个以上图片地址时中间使用“|”隔开。
求教！谢谢！
html DEMO代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DEMO</title>
<script type="text/javascript">
</script>
</head>
<body>
<div id="content">
<p>...DEMO...</p>
<p>...DEMO...</p>
<p>...DEMO...</p>
<p><img src="a.jpg" /></p>
<p>...DEMO...</p>
<p><img src="b.jpg" /></p>
<p>...DEMO...</p>
<p><img src="c.jpg" /></p>
<p>...DEMO...</p>
</div>
</body>
</html> 展开
1 分钟前提问者： 潜入深蓝2010 | 悬赏分：30 |浏览次数：1次
请教JS高手：
我想使用JS获取当前页面中所有图片的地址。
我用 var imgs = document.getElementsByTagName("img")[0].src;可以获取某一张的图片地址；但不知道如何获取全部的图片地址并且如果有两个以上图片地址时中间使用“|”隔开。
求教！谢谢！
html DEMO代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DEMO</title>
<script type="text/javascript">
</script>
</head>
<body>
<div id="content">
<p>...DEMO...</p>
<p>...DEMO...</p>
<p>...DEMO...</p>
<p><img src="a.jpg" /></p>
<p>...DEMO...</p>
<p><img src="b.jpg" /></p>
<p>...DEMO...</p>
<p><img src="c.jpg" /></p>
<p>...DEMO...</p>
</div>
</body>
</html> 展开
展开全部
var imgScrs="";
var imgs = document.getElementsByTagName("img");
for(var i=0;i<imgs.length;i++){
imgScrs+=imgs [i].src;
if(i+1<imgs.length)imgScrs+="|";
}
var imgs = document.getElementsByTagName("img");
for(var i=0;i<imgs.length;i++){
imgScrs+=imgs [i].src;
if(i+1<imgs.length)imgScrs+="|";
}
本回答被提问者采纳
已赞过
已踩过<
你对这个回答的评价是？
展开全部
Jquery写法：
var text="";
$('img').each(function(){
text=text+'|'+$(this).attr('src');
});
alert(text.substr(1));
}
var text="";
$('img').each(function(){
text=text+'|'+$(this).attr('src');
});
alert(text.substr(1));
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
