JS 過濾HTML標籤,取得純文本

1、過濾掉全部HTML標籤以下:javascript

str.innerHTML.replace(/<.*?>/g,"")

2、過濾掉帶屬性的某一個標籤,如<span class='aa'></span>標籤:java

var str = "<p>這裏是測試過濾<span class='aa'>span標籤的哦</span></p>";
str.replace(/<span (.*?)>/gi,"");測試

str.replace(/<\/span>/gi,"");spa

3、過濾掉不帶屬性的某一個標籤,如<span></span>標籤:code

var str = "<p>這裏是測試過濾<span>span標籤的哦</span></p>";
str = str.replace(/<span>/gi,"");
str = str.replace(/<\/span>/gi,"");
var str = "<p>這裏是測試過濾<span>span標籤的哦</span></p>";
str.replace(/<span>/gi,"").replace(/<\/span>/gi,"");

4、過濾配對<span></span>標籤(不包含屬性),一塊兒過濾掉blog

var str = "<p>這裏是測試過濾<span>span標籤的哦</span></p>";
str.replace(/<span>|<\/span>/gi,"");

5、過濾配對<span ></span>標籤(包含屬性),一塊兒過濾掉ip

var str = "<p>這裏是測試過濾<span>span標籤的哦</span></p>";
str.replace(/<span\s*[^>]*>(.*?)<\/span>/ig,"$1");
var str = "<p>這裏是測試過濾<span>span標籤的哦</span></p>";
str.replace(/<span.*?>|<\/span>/ig,"");

注意事項:字符串

var str = "<p>這裏是測試過濾<span>span標籤的哦</span></p>";
str.replace(/<span>/gi,"");
str.replace(/<\/span>/gi,"");

結果以下:get

從結果中能夠看出<span>並無過濾掉,緣由是原字符串不會改變class

執行完第一句replace後,能夠看到第二句str仍爲原始值

參考:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace

相關文章
相關標籤/搜索