关注前端 | 前端博客
当前位置: JavaScript > 关于获取字符串中指定的内容

关于获取字符串中指定的内容

2019-01-15 分类:JavaScript 作者:管理员 阅读(88)

场景一:获取标签字符串里的所有img标签里的图片地址,数组形式返回;
场景二:获取字符串标签里的纯内容

获取字符串标签里所有src里的图片地址,以数组形式返回

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var s=
`<p style="white-space: normal;">
<img title="" alt="1.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/f7/71/f7f33bd36bfc80118956aaf3817d2d71.jpg_600x2000.jpg"/>
<img title="" alt="2.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/d3/da/d3fb189830bb4654a44661ea25d374da.jpg_600x2000.jpg"/>
<img title="" alt="3.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/8b/1a/8bc1efa44040b993ecfc4ee1a3affd1a.jpg_600x2000.jpg"/>
<img title="" alt="4.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/ff/4a/ff62aca6370f363d5ff8f46f05e6ed4a.jpg_600x2000.jpg"/>
<img title="" alt="5.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/f7/04/f7d937eb17eb14c58b2c55a457d68f04.jpg_600x2000.jpg"/>
< img title="" alt="6.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/1b/aa/1b4d1d05504e42da1133581c04b7b7aa.jpg_600x2000.jpg"/>
<img title="" alt="7.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/8c/1f/8cd4aa9e19fbbb8e993ca7e30b61c51f.jpg_600x2000.jpg"/>
<img title="" alt="8.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/c8/80/c8d530e218a46babc6f3c7297cbeca80.jpg_600x2000.jpg"/>
<img title="" alt="9.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/9c/c3/9c9776881795a20f19fa74e08ce816c3.jpg_600x2000.jpg"/>
<img title="" alt="11.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/09/b9/09a068b71e7a2d46a2cc448d2937c4b9.jpg_600x2000.jpg"/>
<img title="" alt="10.jpg" src="https://lb.yimiyijia.cn/attached/attachment/201812/49/22/49c2d196418bb443cbeff228fa5e2822.jpg_600x2000.jpg"/>
</p >`;
function getimgsrc(s) {
    var r=[];
    s.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (m,c) {
      r.push(c);
    });
    return r;
}
console.log(getimgsrc(s));

获取字符串标签里的纯内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var s=`
<div id="box">
我是DOM节点的文本内容
<p>我是前端
<span>你呢?</span>
一起努力!
</p>
好吗?
</div>`;
function getTetx(s){
    var o=document.createElement('div');
    o.innerHTML=s;
    return o.innerText;
}
console.log(getTetx(s));//我是DOM节点的文本内容我是前端你呢?一起努力!好吗?

「两年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞(1) 打赏

感谢您让我添加个鸡腿!

支付宝
微信
1

感谢您让我添加个鸡腿!

支付宝
微信
标签:

上一篇:

下一篇:

共有 0 条评论 - 关于获取字符串中指定的内容

博客简介

一位不知名的前端工程师,专注全栈技术,分享各种所遇问题与个人心得,梦想成为一位知名大神!

最近更新

精彩评论

服务热线:
 177****6038

 QQ在线交流

 旺旺在线