本文實例講述了JavaScript實現正則去除a標簽并保留內容的方法。分享給大家供大家參考,具體如下:
一、問題:
有如下HTML代碼,要求用正則去除a標簽,只留下內容 //www.49028c.com
二、解決方法:
這里使用可刪除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 href="http://www.49028c.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.49028c.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.VeVB.COm/code/HtmlJsRun,測試結果如下:
PS:這里再為大家提供2款非常方便的正則表達式工具供大家參考使用:
JavaScript正則表達式在線測試工具:
http://tools.VeVB.COm/regex/javascript
正則表達式在線生成工具:
http://tools.VeVB.COm/regex/create_reg
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答