会员登录 | 注册会员 | 学习交流 | 会员中心 | 在线充值 | QQ在线咨询
扫一扫添加微信咨询
咨询电话:199-4385-7008
在线客服:
本站主要提供AICS6、PSCS6、CDRX6、DWCS6、html、CSS样式、js脚本、ASP、PHP等视频教程,近期隆重推出平面设计、网页设计视频教程套装,在线学习结合视频光盘/U盘,是您成为设计大师的必经之路!
您所在的位置:首页 >> 学习交流 >> 网站前端 >> javascript脚本
收藏本版 订阅
查看: 3974 | 回复: 0
redwe
[普通会员]

Js获取HTML中所有图片地址

发表于 2017-03-29 16:15:24 | 只看该作者 |倒序浏览 |阅读模式

Js获取HTML中所有图片地址
<div id="test">
1.<img src="1.Gif" alt="dsddfsa" />2.<img src="2.jpG" >3.<img src="3.jpg">4.<IMG SRC=4.JPG>5.<IMG SRC=’5.JPG’>bs
<div id="divMsg">
</div>
<script type="text/javascript">
<!--    
    var re = /<img(.+?)src=""*([^s]+?)""*(s|>)/ig;
        var s = document.getElementById("test").innerHTML;
        var a = s.match(re);
        alert(a.length);
        for (var i=0;i<a.length ;i++ )
        {
            document.getElementById("divMsg").innerHTML += a[i]+a[i].replace(re,"$2")+"<br />";
        }
//-->
</script>
===================
下面将取得图片地址的同时,取得图片里的 alt即提示内容,如下:
===================
<div id="test">
1.<img src="1.Gif" alt="这是alt内容" />2.<img alt=’这是alt内容2’ src="2.jpG" >3.<img alt="bsbsxx" src="3.jpg">4.<IMG alt=abc SRC=4.JPG>5.<IMG SRC=’5.JPG’ alt="大家好,最后一个alt">bs
</div>
<div id="divMsg">
</div>
<script type="text/javascript">
<!--   
    var re = /<img([^>]+?)>/ig;
    var s = document.getElementById("test").innerHTML;
    var str=""
    var tempImg=""
    var re1=/alts*=s*([^s]+)/i
    var re2=/srcs*=s*(["’])([^"’]+)1/i
    while(re.exec(s))
    {
        tempImg=RegExp.$1
        str+=((re1.test(tempImg))?RegExp.$1:"")+","
        re2.test(tempImg)
        str+=((re2.test(tempImg))?RegExp.$2:"")+" "
    }
    alert(str)
//-->
</script>

  • 点评 回复 编辑 支持 反对
  • 使用道具 评分 举报 管理

客服热线(8:00-23:00)

133 4385 7008

在线QQ客服:3316841367 张老师
微信账号:laozhangsoft123

微信公众号