JS将HTML转换为文本

JavaScript是一种非常灵活的编程语言，它可以用来处理多种类型的数据，包括HTML。在本文中，我们将介绍如何使用JavaScript将HTML转换为纯文本。

方法1：使用innerText属性

JavaScript中的innerText属性可以用来获取元素的文本内容，而不包括任何HTML标记。因此，可以使用它来将HTML转换为文本。以下是一个简单的示例：

const html = document.getElementById('example').innerHTML;
const text = document.getElementById('example').innerText;
console.log(html); //输出HTML代码
console.log(text); //输出纯文本

以上代码将获取id为“example”的元素的HTML代码和纯文本，并将它们打印到控制台中。注意，这种方法只适用于单个元素，如果要转换整个文档，你需要一种更具规模的方法。

方法2：使用DOM节点转换

还有一种更高效的方法可以将整个文档转换为纯文本。这种方法涉及到使用DOM节点来获取和处理HTML代码。以下是一个简单的示例：

const elem = document.documentElement;
const body = elem.getElementsByTagName('body')[0];
const text = body.innerText;
console.log(text); //输出纯文本

以上代码将获取整个文档的HTML代码和纯文本，并将它们打印到控制台中。注意，这里使用了document.documentElement来获取整个文档的根节点，然后再使用getElementsByTagName方法来获取文档的元素。

结论

这些方法可以在JavaScript中将HTML代码转换为纯文本。使用innerText属性是一种适用于单个元素的简单方法，而对于整个文档，使用DOM节点是更好的选择。无论你选择哪种方法，都可以将HTML转换为文本，并在需要时将其用于其他用途。

参考资料

• MDN Web文档：innerText
• MDN Web文档：获取文档元素
• MDN Web文档：getElementsByTagName