实例代码详解正则表达式匹配换行

jerry 正则 2016年03月06日 收藏

在javascript中,使用正则表达式匹配换行可能会遇到各种问题,下面就通过实例介绍一下如何实现此功能。

  1. <div id=”main”>
  2. <div id=”left”>
  3. </div>
  4. <div id=”right”>
  5. 脚本之家
  6. </div>
  7. </div>

 如果DIV内没有内容则不换行

把上面的改为:

  1. <div id=”main”>
  2. <div id=”left”></div>
  3. <div id=”right”>
  4. 脚本之家
  5. </div>
  6. </div>

JS的正解代码如下:

  1. <script type="text/javascript">
  2. function getV(){
  3. var str=document.getElementById("regtext").value;
  4. var re=/([\n\r])(\s)*(\<\/div\>?(\s)*\<div)+/g;
  5. str=str.replace(re,"$3");
  6. alert(str);
  7. }
  8. </script>
  9. <textarea id="regtext" cols="20" rows="20">
  10. <div id="main">
  11. <div id="left">
  12. </div>
  13. <div id="Div1">
  14. </div>
  15. <div id="Div2">
  16. </div>
  17. <div id="right">
  18. 脚本之家
  19. </div>
  20. </div>
  21. </textarea>
  22. <input type="button" onclick="getV()" value="测试" />

实例代码详解正则表达式匹配换行的全部内容就到此结束,希望对大家有所帮助。