【问题标题】：HTML text to plain text in Javascript without imports or npm installsJavascript 中的 HTML 文本到纯文本，无需导入或 npm 安装
【发布时间】：2021-07-12 03:33:30
【问题描述】：

有没有一种方法可以在 JS 中将 HTML 文本转换为纯文本，而无需导入或使用“NPM 安装”。例如，我正在尝试将：<h1>Hello</h1> 设置为 <h1>Hello</h1> 而不自动更正为

'你好'。

这可能吗？即使它可以将它放在块引用或多行块引用中，例如

<h1>Hello</h1>
<h2>Hi</h2>

有人知道我该怎么做吗？

我也可以弄清楚 StackOverflow 如何创建它们的块引用，例如：

<h2>Hello</h2>

有人可以帮忙吗！

【问题讨论】：

HTML 在您将其放入浏览器之前都是纯文本。 HTML 字符串来自哪里？你在选择一个节点吗？你在用你的转换后的字符串做什么？你试过什么了？从您的示例中看不出您要达到的目标。
stackoverflow.com/questions/6817262/… - 我认为这是您的解决方案。
为什么带有 HTML h1 元素和内容 Hello 的字符串会呈现为 'Hello'.？目前尚不清楚单引号的来源。除了我同意第一条评论之外，你在什么情况下使用 JavaScript 和那个字符串？只有输入到浏览器时，它才会呈现为具有特定字体大小和粗体文本的标题。但这一切都取决于您如何将其提供给浏览器。如果您使用var code = document.createElement('code'); code.textContent = '<h1>Hello</h1>'; document.body.appendChildcode);，您将看到 HTML 代码。
@JonP HTML 来自一个预定义的数组，如果您从未使用过qoom.io，则很难理解它@我正在使用 Qoom 拥有的数据库。 @NguyenHoang 抱歉，感谢您的帮助，但 Qoom 不支持 PHP。 @MartinHonnen 我把引号放在Hello 上。而且我不想创建一个我已经有预定义元素的元素。

标签： javascript html text

【解决方案1】：

使用getElementById 可以选择任何dom 元素。 dom 元素具有outerHTML 属性。我认为您可以使用此属性。

<html>

<div id="test">
<h1>Hello</h1>
<h2>Hi</h2>
</div>

</html>

在js文件中

a = document.getElementById("test").outerHTML;
console.log(a + 'hello');

工作小提琴 - https://jsfiddle.net/alimurrazi/gp05cytr/7/

【讨论】：

对不起，这没有帮助...这是在HTML中预先定义的代码，但我想使用系统通过JS输入它。
我不明白你的要求。你想要什么？您有一个 HTML 元素，例如 -
。然后从 js 中填充 HTML 元素 -
Hello
。与您的问题相符吗？
您会看到如何在堆栈溢出中将 h1 写入块引用中，而无需实际创建 h1 并以 GIANT 文本显示...我正在尝试模仿该系统。

【解决方案2】：

这是一个未弃用的弃用标签。 <xmp>

<xmp> 不是一个容易找到的标签...我建议使用它！

如果你在网上搜索它会说它已被弃用......但在实时显示中使用它之后它绝对是一个工作标签！

【讨论】：

已弃用并不意味着不工作，它意味着不能保证现在或将来可以工作。我会不推荐使用它。如果您希望显示代码，最好从服务器端显示代码，您正在使用的字符串应该是 HTML 编码的，如果这不可能，this answer 可能会有所帮助。 xmp 标签已被完全弃用。
你也可以只使用标签@JonP