几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
生活随笔
收集整理的這篇文章主要介紹了
几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
/*去掉html標簽(真正意義上去掉所有html標簽包括內嵌的css樣式)*/
String.prototype.stripHTML = function (isRemoveNewLine) {var t = document.createElement("div");t.innerHTML = this;document.querySelector("html").appendChild(t);var r = t.innerText;t.parentNode.removeChild(t);isRemoveNewLine && (r = r.replace(/[\r\n]/g, ""));return r;
};//測試----------------------------------------
'<b>123</b><p>456</p>'.stripHTML();//'123\n\n456'
'<b>123</b><p>456</p>'.stripHTML(true);//'123456'
/*去掉a標簽*/
String.prototype.stripA = function () {return this.replace(new RegExp("</?a.*?>", "g"), "");
};//測試----------------------------------------
'<b>1<a>2</a>3</b><p>456</p>'.stripA();//'<b>123</b><p>456</p>'
/*去掉style樣式*/
String.prototype.stripStyle = function () {return this.replace(/style=/g, "disableStyle=").replace(/href=/g, "disableHref=")
};//測試----------------------------------------
'<a style="color:red" href="http://shuzhiqiang.com">123</a>'.stripStyle();
//'<a disableStyle="color:red" disableHref="http://shuzhiqiang.com">123</a>'
/*是否為html代碼*/
function isHTMLcode(htmlStr) {var reg = /<[^>]+>/g;return reg.test(htmlStr);
}//測試----------------------------------------
console.log(isHTMLcode("<b>123</b>"));//true
總結
以上是生活随笔為你收集整理的几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 波普艺术比较适合团队活动宣传海报设计风格
- 下一篇: 原生JS修改html内容不影响绑定的点击