問題1:驗證一段字符串中HTML標簽的個數(shù)
問題2:去除HTML標簽顯示文本內容
- 你得知道這題用正則做比較簡單廊佩。下面是兩個正則表達式:(正則定義在此不做過多闡述)
- 匹配雙標簽的前一半或單標簽
/<\w.*?>/g
從<
開始社搅,\w
為數(shù)字憎茂、下劃線或字符,.
為除換行和Unicode行終止字符外任意字符忍捡,*
為匹配前一項0次或多次集漾,?
后綴,則不采用貪婪法則的最大匹配砸脊。>
結束具篇。 - 匹配雙標簽的后一半
/<\/\w.*?>/g
后一半主要式判斷\
,\
不能直接凌埂,寫需要進行轉義驱显,需要寫成\/
。
- 去標簽顯示標簽內容
需要匹配單標簽和雙標簽則需要將單標簽與雙標簽的后一半進行選擇匹配,js代碼如下:
var str = '今天腦子不好使<p></p><input type="text" name="" id="">見諒見諒秒紧!<img src="" alt=""><i></i><span></span><br/>'
//去標簽
var reg = /((<\w.*?>)|(<\/\w.*?>))/g //單標簽或者雙標簽
var txt = str.replace(reg,'')
alert(txt)
- 顯示標簽個數(shù)绢陌,只需要匹配單標簽還是雙標簽即可。js代碼如下:
var reg = /<\w.*?>/g
alert("一共有" + str.match(reg).length + "標簽熔恢!") //str.match(reg)把匹配到的內容放到一個數(shù)組中脐湾,數(shù)組的長度就是標簽個數(shù)
運行js代碼即可得出結果。