建站资讯

小程序适合什么_JavaScript完成正则去除a标签并保

作者:admin 发布时间:2021-01-08
JavaScript实现正则去除a标签并保留内容的方法【测试可用】     作者:@vimac   这篇文章主要介绍了JavaScript实现正则去除a标签并保留内容的方法,结合实例形式详细分析了javascript针对a标签及span标签的正则匹配相关操作技巧,需要的朋友可以参考下

本文实例讲述了JavaScript实现正则去除a标签并保留内容的方法。分享给大家供大家参考,具体如下:

一、问题:

有如下HTML代码,要求用正则去除a标签,只留下内容 //
代码如下: a href="///" span data-wiz-span="data-wiz-span" // /span /a

二、解决方法:

这里使用可删除a标签与span标签的正则语句,如下:

( \/ a.* )|( \/ span.* )

具体js正则语句:

str.replace(/( \/ a.* )|( \/ span.* )/g, '');

完整测试代码如下:

 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "TR/xhtml1/DTD/xhtml1-transitional.dtd" 
 html xmlns="1999/xhtml" 
 head 
 meta http-equiv="Content-Type" content="text/html; charset=utf-8" / 
 title js正则删除a标签并保留内容 /title 
 /head 
 body 
 a href="///" span data-wiz-span="data-wiz-span" // /span /a 
 script 
var str=document.getElementsByTagName('a')[0].outerHTML;
console.log("正则删除之前:"+str);
str=str.replace(/( \/ a.* )|( \/ span.* )/g, '');
console.log("正则删除之后:"+str);
 /script 
 /body 
 /html 

使用在线HTML/CSS/JavaScript代码运行工具:,测试结果如下:

凡科抠图:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

JavaScript正则表达式在线测试工具:

正则表达式在线生成工具:

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。



收缩