不知道你的这段html是不是在文档中，如果不是，比如是从服务器传过来的，也就是说实在变量中，那用:
var matches = /src="()"/gi, results=null,i=len=0;
results=matchesexec(<那段html字符串>);
if(results){
for(i=1,len=matcheslength;i<len;i++){
//matches[i]就能得到你要的了
}
}；
如果html片段在文档中，那就通过获取img，然后访问每个img的src属性就能去得了。
1、为绑定点击事件
2、在点击事件中使用jQuery获得的src属性
3、调用文本框的val()方法，将取到的路径显示在文本框中
<html><head>
<script type="text/javascript" src="js/jquery-183minjs"></script>
<script type="text/javascript">
$(function(){
//为绑定点击事件
$("#tu")click(function(){
//获得的src属性
var url=$(this)prop("src");
//将路径赋值到文本框中
$("#txtUrl")val(url);
});
});
</script>
</head>
<body>
<img id="tu" src="images/friendjpg" width="800" height="600" /><br/>
<input type="text" id="txtUrl" />
</body>
</html>
在按钮的点击事件里动态给img赋值。如：
function check(){//这是按钮的点击事件var img=documentgetElementById('ele');//获取img对象
imgsrc="images/hpng";//把要显示的地址赋给img对象src就行了
}
代码
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<meta >
那就看你获取ID的用途是什么了，比如是记录点击或者对该进行处理，可以在click事件中执行一个js函数，比如该函数是saveImageId(thisgetAttribute('id'))，
如果是你说的要保存下来，可以设一个全局的变量，比如下面的例子：
<img src="logogif" id="image1" onclick="saveImageId(thisgetAttribute('id'));alert(imageidlength);"/>
<script>
var imageid = new Array();
function saveImageId(imgid){
if(imgid !=''){
imageid[imageidlength] = imgid;
}
}
</script>
alert语句是用来测试的
以上就是关于怎么获取Html中的所有<img>的图片呢全部的内容，包括:怎么获取Html中的所有<img>的图片呢、单击图片，在js里获取图片的地址，并在文本框中显示、js通过点击一次按钮动态获取图片显示出来等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）