zoukankan      html  css  js  c++  java
  • Js获取HTML中所有图片地址

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title> new document </title>
    <meta name="generator" content="editplus" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    </head>
    <body>
    <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>
    </body>
    </html>
    ===================
    下面将取得图片地址的同时,取得图片里的 alt即提示内容,如下:
    ===================
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title> new document </title>
    <meta name="generator" content="editplus" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    </head>
    <body>
    <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=/alt\s*=\s*([^\s]+)/i
        var re2=/src\s*=\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:"")+"\r\n"
        }
        alert(str)
    //-->
    </script>
    </body>
    </html>

  • 相关阅读:
    洛谷P3674 小清新人渣的本愿
    洛谷P3709 大爷的字符串
    CF747F Igor and Interesting Numbers
    洛谷P1494 小Z的袜子
    洛谷P3396 哈希冲突
    分块⑨题
    洛谷P4219 大融合
    bzoj2959 长跑
    洛谷P2486 染色
    洛谷P4382 劈配
  • 原文地址:https://www.cnblogs.com/amylis_chen/p/2251955.html
Copyright © 2011-2022 走看看