V2版本: 改进操作界面,统一表单样式,更多工具支持批量生成,欢迎使用 到达~


文库 阅读
作者: xiaoyu 11/10 22:21:03

JS正则匹配,获取某个标签内的全部内容,贪婪模式与非贪婪模式

在JS中,要替换某个标签内的内容的方式有很多。1.用选择器处理。2.indexOf()方法对字符定位以获取标签开始、结束的位置,再匹配替换。3.用正则处理:

一、匹配DIV元素的正则

<div>[\s\S]+?<\/div>

如果标签内有其它元素,如 <div id=""></div>可以加个空格判断

<div(>|\s{1})[\s\S]+?<\/div>

示例二、使用正则替换字符串


    var str  = '<div class="wrap"><p id="Title">内容</p></div>';
    str.replace(/<div(>|\s{1})[\s\S]+?<\/div>/ig, '<span></span>'); 
最终输出:'<span>内容</span>'

示例三、使用正则获取<em></em>字符串

通过outerHTML拿到body,通过match()匹配


str = document.querySelector('body').outerHTML;
str.match(/<em>[\s\S]*?<\/em>/ig);
最终: 匹配结果以数组输出

About

在JS中,要替换某个标签内的内容的方式有很多。1.用选择器处理。2.indexOf()方法对字符定位以获取标签开始、结束的位置,再匹配替换。3.用正则处理

Resources

发布

未发布任何资源
首页 喜欢 我的 定制
定制咨询
微信二维码
扫一扫上面的二维码,加我为朋友。
微信扫码周一至周六服务
接定制开发需求