本文實例講述了JavaScript正則替換HTML標簽功能。分享給大家供大家參考，具體如下：
1、說明
獲取HTML字符串（包含標簽），通過正則表達式替換HTML標簽，輸出替換后的字符串
2、實現JavaScript代碼
function deleteTag(){ var regx = /<[^>]*>|<//[^>]*>/gm; var tagStr = $("#ul_li").html(); alert("替換之前的字符串：" + tagStr); var result = tagStr.replace(regx,""); alert("替換之后的字符串：" + result);}3、運行結果
（1）初始化時
（2）單擊按鈕后
（3）單擊“確定”后
4、完整實例：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript替換HTML標簽</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> function deleteTag() { var regx = /<[^>]*>|<//[^>]*>/gm; var tagStr = $("#ul_li").html(); alert("替換之前的字符串：" + tagStr); var result = tagStr.replace(regx,""); alert("替換之后的字符串：" + result); } </script> </head> <body> <ul id="ul_li"> <li class="peach">桃樹</li> <li class="pear">梨樹</li> <li>樟樹</li> <li>楓樹</li> <li>松樹</li> </ul> <input type="button" value="替換HTML標簽" onclick="deleteTag()"/> </body></html>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程序設計有所幫助。
新聞熱點
疑難解答
