本文實(shí)例講述了JavaScript實(shí)現(xiàn)正則去除a標(biāo)簽并保留內(nèi)容的方法。分享給大家供大家參考,具體如下:
一、問題:
有如下HTML代碼,要求用正則去除a標(biāo)簽,只留下內(nèi)容 //www.survivalescaperooms.com
二、解決方法:
這里使用可刪除a
標(biāo)簽與span
標(biāo)簽的正則語句,如下:
(<//?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標(biāo)簽并保留內(nèi)容</title></head><body><a href="http://www.survivalescaperooms.com/" 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.survivalescaperooms.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代碼運(yùn)行工具:http://tools.VeVB.COm/code/HtmlJsRun,測試結(jié)果如下:
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測試工具:
http://tools.VeVB.COm/regex/javascript
正則表達(dá)式在線生成工具:
http://tools.VeVB.COm/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錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答