JavaScript去除字符串中所有HTML标签的完整代码示例

作者:交互手记

时间:2026-10-23

浏览:479

本文介绍在JavaScript中如何去除字符串内的所有HTML标签。通过正则表达式替换非标签字符,并处理如 等特殊实体,实现纯文本提取。示例代码展示了如何遍历元素、清理内容并截取指定长度的摘要,适用于博客等富文本场景。

文章目录

本文介绍在JavaScript中如何去除字符串内的所有HTML标签。通过正则表达式替换非标签字符,并处理如 等特殊实体,实现纯文本提取。示例代码展示了如何遍历元素、清理内容并截取指定长度的摘要,适用于博客等富文本场景。

JavaScript去除HTML标签的方法

当获取了大量包含HTML标记的字符串,而需要移除其中所有标签时,该如何处理?

特别是在博客园等富文本编辑器场景中,文章内容往往带有样式信息,直接提取的内容也会包含这些格式标记。

然而,在部分仅需展示纯文本内容的场景中,必须去除这些冗余标签,此时可采用特定方法解决。


<script type="text/javascript">
    $(function(){
      var list = $(".zhaiyao");//获取class所有元素
      for(var i = 0 ; i< list.length ; i ++ ){
        var s = $(list[i]).text();//获取里面的博客摘要内容
        var dd=s.replace(/<[^>]+>/g,"");//截取html标签
        var dds=dd.replace(/&nbsp;/ig,"");//截取空格等特殊标签
        
        $(list[i]).text("");//清空里面内容
        $(list[i]).text(dds.substring(0,200) + "...")//截取200个字符
      }
    })
</script>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持本站。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章