js如何使用正则表达式实现过滤HTML标签？（/<[^<>]+>/g）

时间：2021-01-31 14:32:18

js如何使用正则表达式实现过滤HTML标签？（/<[^<>]+>/g）

一、总结

js进阶正则表达式实现过滤HTML标签（<>标签中不能包含标签实现过滤HTML标签：/<[^<>]+>/g）

var reg=/<[^<>]+>/g

1、全局匹配g肯定忘记写

2、<>标签中不能包含标签实现过滤HTML标签

二、js进阶正则表达式实现过滤HTML标签

练习5：过滤HTML标签

  • 实例描述：将一段带有HTML标签的文本的HTML标签过滤掉，转化为纯文本输出

三、代码

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>过滤HTML标签</title>

     <style type="text/css">

         textarea{

             width: 60%;

             font-size: 18px;

             background: rgba(100,200,50,0.3);

         }

         #text2{

             background:rgba(200,100,50,0.3);

         }

     </style>

 </head>

 <body>

     <textarea id="text1" rows="10" cols="50"></textarea><br><br>

     <input type="button" id="btn1" value="过滤HTML标签"><br><br>

     <textarea id="text2" rows="10" cols="50"></textarea>

     <script type="text/javascript">

         var btn1=document.getElementById('btn1')

         var text1=document.getElementById('text1')

         var text2=document.getElementById('text2')

         btn1.onclick=function (){

             //var reg=/<.+>/g

             var reg=/<[^<>]+>/g   //1、全局匹配g肯定忘记写  2、<>标签中不能包含标签实现过滤HTML标签
             text2.value=text1.value.replace(reg,'')

         }

     </script>

 </body>

 </html>

四、测试题-简答题

1、js正则表达式如何实现过滤HTML标签？

相关文章