从给定文本中去除 HTML

最新推荐文章于 2023-04-18 00:20:46 发布

紫微前端

最新推荐文章于 2023-04-18 00:20:46 发布

阅读量480

点赞数

CC 4.0 BY-SA版权

分类专栏：常用代码片段文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/125988025

常用代码片段专栏收录该内容

168 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了三种从文本中移除HTML的方法：不推荐的从虚假元素获取内容，使用DOMParser解析并提取纯文本，以及利用模板进行处理。详细探讨了每种方法的优缺点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.从虚假元素中获取文本内容（不推荐）

const stripHtml = function (html) {
    // Create new element
    const ele = document.createElement('div');

    // Set its HTML
    ele.innerHTML = html;

    // Return the text only
    return ele.textContent || '';
};

不推荐使用这种方法，因为如果输入html包含特殊标签（例如 <script>. div但是，我们可以通过将标签替换为来防止 html 被执行textarea：

const stripHtml = function (html) {
    const ele = document.createElement('textarea');
    ele.innerHTML = html;
    return ele.textContent || '';
};