卡卡网

如何从字符串中删除HTML标签得到纯文本，本文将介绍2种实现方法。

1、使用 .replace(/<[^>]*>/g, '')

这种方法是一种从文本中删除标签的简单有效的方法。此方法使用字符串方法.replace(old value, new value) 将 HTML 标记值替换为空字符串。/g用于全局发生（如果使用 /g，则字符串中的每个值都将替换为指定的值）。

var myHTML= "<div><h1>卡卡网</h1>\n<p>www.webkaka.com</p></div>";

var strippedHtml = myHTML.replace(/<[^>]+>/g, '');

console.log(stripedHtml);

输出

卡卡网
www.webkaka.om

2、创建一个临时DOM元素并检索文本

这是完成任务的最有效方式。创建一个虚拟元素并将其分配给一个变量。我们可以稍后使用元素对象进行提取。将 HTML 文本分配给虚拟元素的 innerHTML，我们将从文本元素对象中获取纯文本。

function convertToPlain(html){

    // 创建一个 div 元素
    var tempDivElement = document.createElement("div");
    
    // 用获得的值 设置 HTML 内容
    tempDivElement.innerHTML = html;
    
    // 返回元素的文本属性 
    return tempDivElement.textContent || tempDivElement.innerText || "";
}

var htmlString= "<div><h1>卡卡网</h1>\n<p>webkaka.com</p></div>";


console.log(convertToPlain(htmlString));

输出

卡卡网
webkaka.com

总结

本文介绍了字符串删除HTML标签得到纯文本的2种方法。通常我们使用的是第一种方法，使用.replace(/<[^>]*>/g, '')，删除HTML标签，只保留文本内容。你也可以使用.replaceAll()来完成字符串替换，参考文章JS实现字符全替换: replace replaceAll。

相关文章

• asp.net正则表达式提取网页网址、标题、图片实例以及过滤所有HTML标签实例

标签: HTML