js如何使用正则表达式实现过滤HTML标签?(/<[^<>]+>/g)
js如何使用正则表达式实现过滤HTML标签?(/<[^<>]+>/g)
一、总结
js进阶正则表达式实现过滤HTML标签(<>标签中不能包含标签实现过滤HTML标签:/<[^<>]+>/g)
var reg=/<[^<>]+>/g
1、全局匹配g肯定忘记写
2、<>标签中不能包含标签实现过滤HTML标签
二、js进阶正则表达式实现过滤HTML标签
练习5:过滤HTML标签
- 实例描述:将一段带有HTML标签的文本的HTML标签过滤掉,转化为纯文本输出
三、代码
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>过滤HTML标签</title> 6 <style type="text/css"> 7 textarea{ 8 width: 60%; 9 font-size: 18px; 10 background: rgba(100,200,50,0.3); 11 } 12 #text2{ 13 background:rgba(200,100,50,0.3); 14 } 15 </style> 16 </head> 17 <body> 18 <textarea id="text1" rows="10" cols="50"></textarea><br><br> 19 <input type="button" id="btn1" value="过滤HTML标签"><br><br> 20 <textarea id="text2" rows="10" cols="50"></textarea> 21 <script type="text/javascript"> 22 var btn1=document.getElementById('btn1') 23 var text1=document.getElementById('text1') 24 var text2=document.getElementById('text2') 25 btn1.onclick=function (){ 26 //var reg=/<.+>/g 27 var reg=/<[^<>]+>/g //1、全局匹配g肯定忘记写 2、<>标签中不能包含标签实现过滤HTML标签 28 text2.value=text1.value.replace(reg,'') 29 } 30 </script> 31 </body> 32 </html>
四、测试题-简答题
1、js正则表达式如何实现过滤HTML标签?