JavaScript實(shí)現(xiàn)正則去除a標(biāo)簽并保留內(nèi)容的方法【測(cè)試可用】

發(fā)布時(shí)間：2020-09-12 17:02:42 來源：腳本之家閱讀：530 作者：@vimac 欄目：web開發(fā)

本文實(shí)例講述了JavaScript實(shí)現(xiàn)正則去除a標(biāo)簽并保留內(nèi)容的方法。分享給大家供大家參考，具體如下：

一、問題：

有如下HTML代碼，要求用正則去除a標(biāo)簽，只留下內(nèi)容 //www.jb51.net

復(fù)制代碼代碼如下:

二、解決方法：

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

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

具體js正則語句：

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

完整測(cè)試代碼如下：

<!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標(biāo)簽并保留內(nèi)容</title>
</head>
<body>
<a  ><span data-wiz-span="data-wiz-span" >//www.jb51.net</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代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun，測(cè)試結(jié)果如下：

JavaScript實(shí)現(xiàn)正則去除a標(biāo)簽并保留內(nèi)容的方法【測(cè)試可用】

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

JavaScript正則表達(dá)式在線測(cè)試工具：
http://tools.jb51.net/regex/javascript

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

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

向AI問一下細(xì)節(jié)

JavaScript實(shí)現(xiàn)正則去除a標(biāo)簽并保留內(nèi)容的方法【測(cè)試可用】

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽