javascript正则表达式:匹配所有html标签【转】


在面试的过程中遇到一个这样的题目:

比如有一段HTML字符串:

var string='<div class"test">Test a code</div><em>I am a girl.</em>'; 要求写一个匹配HTML 标签的正则表达式,并且替换掉所有的标签。

html标签有<h1></h1>这种成对的,也有<br/>这种自闭合的,更多的是<img style=”….” width=”22″ />这种混合了很多字符的。那要怎么把他们都匹配呢?

其实匹配html标签的正则表达式很短,如下:

 
<[^>]+>

就这样,没了?是的。你惊讶吗?

这个正则表达式也是收集于网络,但是我可以看懂,首先,html标签肯定是以<符号开始的,以>符号结束(不管是不是自闭合),只是中间有点纠结,可能有字符,数字,引号,换行符——但是,却万万没有>,因为有它的话html标签就结束了,所以正则表达式中间是[^>]+,表示“除了>符号外的任何1个以上的字符”。

举例如下:

var string='<div class"test">Test a code</div><em>I am a girl.</em>';

正则:

var reg=/<[^>]+>/gim;
string.replace(reg,""); 

输出:

Test a codeI am a girl.

文章转自:https://www.cnblogs.com/laneyfu/p/4195767.html


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



猜您在找 javascript正则表达式:匹配所有html标签 [转]正则表达式,去除所有HTML标签 正则表达式去除所有标签html标签 正则表达式匹配html标签 java正则表达式去除html中所有的标签和特殊HTML字符(以&开头的) 使用正则表达式匹配HTML 下各种标签 </a> <a class='list-group-item' href="/blog/2b7a1e1.html" title="用正则表达式匹配HTML\XML等文件中的标签"> <i class="icon-file"></i> 用正则表达式匹配HTML\XML等文件中的标签 </a> <a class='list-group-item' href="/blog/3a1c2e1.html" title="正则表达式 匹配(获取) 所有表名"> <i class="icon-file"></i> 正则表达式 匹配(获取) 所有表名 </a> <a class='list-group-item' href="/blog/a166111.html" title="正则表达式匹配所有非法字符"> <i class="icon-file"></i> 正则表达式匹配所有非法字符 </a> <a class='list-group-item' href="/blog/9aa1f11.html" title="匹配img标签的正则表达式"> <i class="icon-file"></i> 匹配img标签的正则表达式 </a> <div id="right_float_ad" class="ad"> </div> </div> </div> </div> </div> <div class="clear"> </div> <div class="fbar" style="z-index:100"> <div class="span7" style="color:grey;font-size:12px;"> </div> <div class="pull-right"> <span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a>  </span><span>© 2018-2025 CODEPRJ.COM </span> </div> </div> <script src="/js/code.js?version=20251127"></script> <script> function buffer(a, b, c) { var d; return function() { if (d) return; d = setTimeout(function() { a.call(this), d = undefined }, b) } } (function() { function e() { var d = document.body.scrollTop || document.documentElement.scrollTop; d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1" } var a = document.getElementById("float"); if (a == undefined) return ! 1; var b = 0, c, d = a; while (d) b += d.offsetTop, d = d.offsetParent; c = window.ActiveXObject && !window.XMLHttpRequest; if (!c || !0) window.onscroll = buffer(e, 50, this) })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?85c5e8e7b6167edfc87cb0607142e870"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>