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

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

yc8881年前 (2022-12-01)编程技术390

我们可以使用以下示例从带有 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标签?” 的相关文章

【说站】laravel实现自定义404页面并给页面传值

【说站】laravel实现自定义404页面并给页面传值

以 laravel5.8 为例,虽然有自带的404页面,但太简单,我们更希望能自定义404页面,将用户留在站点。实现的方式很简单,将自定义的视图文件命名为 404.blade.php,并放到 reso...

【说站】用一句话就可以去除宝塔面板操作上的二次验证

【说站】用一句话就可以去除宝塔面板操作上的二次验证

用过宝塔的朋友应该都会发现,现在宝塔面板有些鸡肋的功能,删除文件、删除数据库、删除站点等操作都需要做计算题!不仅加了几秒的延时等待,还无法跳过!这时候就会有朋友在想,如何去除宝塔面板的二次验证,此篇文...

【说站】vagrant实现linux虚拟机的安装并配置网络

【说站】vagrant实现linux虚拟机的安装并配置网络

一、VirtualBox的下载和安装1、下载VirtualBox官网下载:https://www.virtualbox.org/wiki/Downloads我的电脑是Windows的,所以下载Wind...

【说站】Python获取最新疫情数据实现动态地图实时展示各地情况

【说站】Python获取最新疫情数据实现动态地图实时展示各地情况

疫情降临转眼已经第三年了,时间过得真快,愿疫情早点结束,世界不再多灾多难。最近疫情稍微好转一些了,所以咱们获取一下最新的疫情数据,做个可视化地图看看。效果展示获取到的数据咱们保存到表格可视化地图颜色是...

【说站】PHP使用Openssl实现本地生成csr、key、crt证书文件

【说站】PHP使用Openssl实现本地生成csr、key、crt证书文件

在Apache中要启用HTTPS访问,需要开启Openssl,也就需要crt和key两个和证书相关的文件了,那如果用制作呢?之前发过博文介绍过用在线生成的方式,但搞PHP编程的人有些东西还是想在自己的...

【说站】前端使用Image()函数加载base64图片不兼容无onload事件解决方法

【说站】前端使用Image()函数加载base64图片不兼容无onload事件解决方法

Image()函数将会创建一个新的HTMLImageElement实例。它的功能等价于 document.createElement('img')。正常情况下,我们使用下面方法加载图片...