如何使用JavaScript从字符串中删除HTML标签?
我们可以使用以下示例从带有 JavaScript 的字符串中删除 HTML 标签 -
使用正则表达式去除 HTML 标记
使用 InnerText 去除 HTML 标记
使用正则表达式去除 HTML 标记
正则表达式将标识 HTML 标签,然后使用 replace() 将标签替换为空字符串。假设我们有以下 HTML -
<html><head></head><body><p>The tags stripped...<p</body></html>
我们想用正则表达式删除上面的标签。为此,我们将创建一个自定义函数 -
function removeTags(myStr)
myStr 将包含我们要删除其标签的 HTML 代码 -
function removeTags(myStr) { if ((myStr===null) || (myStr==='')) return false; else myStr = myStr.toString(); return myStr.replace( /(<([^>]+)>)/ig, ''); }
对上述函数删除标签的调用是这样的 -
document.write(removeTags('<html><head></head><body><p>The tags stripped...<p</body></html>'));;
例
现在让我们看看完整的示例 -
<!DOCTYPE html> <html> <title>Strip HTML Tags</title> <head> <script> function removeTags(myStr) { if ((myStr===null) || (myStr==='')) return false; else myStr = myStr.toString(); return myStr.replace( /(<([^>]+)>)/ig, ''); } document.write(removeTags( '<html><head></head><body><p>The tags stripped...<p</body></html>'));; </script> </head> <body> </body> </html>
输出
使用 InnerText 去除 HTML 标记
例
在这个例子中,我们将使用 innerText 去除 HTML 标签 -
<!DOCTYPE html> <html> <title>Strip HTML Tags</title> <head> <script> var html = "<html><head></head><body><p>The tags stripped...<p</body></html>"; var div = document.createElement("div"); div.innerHTML = html; var text = div.textContent || div.innerText || ""; document.write(text) </script> </head> <body> </body> </html>
输出
本站发布的内容若侵犯到您的权益,请邮件联系站长删除,我们将及时处理!
从您进入本站开始,已表示您已同意接受本站【免责声明】中的一切条款!
本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行研究。
本站资源仅供学习和交流使用,版权归原作者所有,请勿商业运营、违法使用和传播!请在下载后24小时之内自觉删除。
若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。