JavaScript實現正則去除a標簽并保留內容的方法【測試可用】

來源：懂視網責編：小采時間：2020-11-27 22:11:18

JavaScript實現正則去除a標簽并保留內容的方法【測試可用】

JavaScript實現正則去除a標簽并保留內容的方法【測試可用】:本文實例講述了JavaScript實現正則去除a標簽并保留內容的方法。分享給大家供大家參考，具體如下：一、問題：有如下HTML代碼，要求用正則去除a標簽，只留下內容 //www.gxlcms.com 代碼如下:<a href=//www.gxlcms.com/ style=

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScript實現正則去除a標簽并保留內容的方法【測試可用】:本文實例講述了JavaScript實現正則去除a標簽并保留內容的方法。分享給大家供大家參考，具體如下：一、問題：有如下HTML代碼，要求用正則去除a標簽，只留下內容 //www.gxlcms.com 代碼如下:<a href=//www.gxlcms.com/ style=

本文實例講述了JavaScript實現正則去除a標簽并保留內容的方法。分享給大家供大家參考，具體如下：

一、問題：

有如下HTML代碼，要求用正則去除a標簽，只留下內容 //www.gxlcms.com
代碼如下:<a style="box-sizing: border-box; color: rgb(51, 51, 51); text-decoration: none; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); max-width: 100%; transparent;"><span data-wiz-span="data-wiz-span" style="box-sizing: border-box; max-width: 100%; font-size: 14pt;">//www.gxlcms.com</span></a>

二、解決方法：

這里使用可刪除a標簽與span標簽的正則語句，如下：

(<\/?a.*?>)|(<\/?span.*?>)

具體js正則語句：

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

完整測試代碼如下：

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js正則刪除a標簽并保留內容</title>
</head>
<body>
<a  style="box-sizing: border-box; color: rgb(51, 51, 51); text-decoration: none; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); max-width: 100%; transparent;"><span data-wiz-span="data-wiz-span" style="box-sizing: border-box; max-width: 100%; font-size: 14pt;">//www.gxlcms.com</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代碼運行工具：http://tools.jb51.net/code/HtmlJsRun，測試結果如下：

PS：這里再為大家提供2款非常方便的正則表達式工具供大家參考使用：

JavaScript正則表達式在線測試工具：
http://tools.jb51.net/regex/javascript

正則表達式在線生成工具：
http://tools.jb51.net/regex/create_reg

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript實現正則去除a標簽并保留內容的方法【測試可用】

推薦度：

點擊下載本文 文檔為doc格式

標簽：標簽刪除的保留

熱門焦點

JavaScript實現正則去除a標簽并保留內容的方法【測試可用】

JavaScript實現正則去除a標簽并保留內容的方法【測試可用】

JavaScript實現正則去除a標簽并保留內容的方法【測試可用】

最新推薦

猜你喜歡

熱門推薦