JavaScript HTML字符串到纯文本 - JavaScript

当我们处理HTML字符串时，有时需要将其转换为纯文本，以便我们可以对文本进行操作或显示。在JavaScript中，可以使用简单的几行代码将HTML字符串转换为纯文本。

方法一：使用innerText

使用innerText属性是将HTML字符串转换为纯文本的最简单方法。以下是示例代码：

const htmlString = '<div><h1>Hello World!</h1></div>';
const element = document.createElement('div');
element.innerHTML = htmlString;
const text = element.innerText;
console.log(text);

以上代码将打印出“Hello World!”作为纯文本。

方法二：使用正则表达式

如果您不想使用innerText属性，那么使用正则表达式也可以将HTML字符串转换为纯文本。以下是示例代码：

const htmlString = '<div><h1>Hello World!</h1></div>';
const text = htmlString.replace(/<[^>]*>/g, '');
console.log(text);

以上代码也将打印出“Hello World!”作为纯文本。

结论

使用innerText属性是将HTML字符串转换为纯文本的最简单和最常见的方法。如果您不想使用innerText属性，则可以考虑使用正则表达式或其他方法。保留HTML标签并将其应用于相应的CSS样式可能不是每次都适合的一种方法，但如果您需要在输出上进行精确的格式化和样式控制，则可以考虑使用它。

以上是将JavaScript HTML字符串转换为纯文本的两种方法，希望对您有所帮助！