当前位置:首页 > 编程技术 > 正文内容

如何使用JavaScript从字符串中删除HTML标签?

yc8882年前 (2022-12-01)编程技术490

我们可以使用以下示例从带有 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小时之内自觉删除。


若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。


本文链接:https://www.10zhan.com/biancheng/10146.html

标签: JavaScripthtml
分享给朋友:

“如何使用JavaScript从字符串中删除HTML标签?” 的相关文章