javascript - 如何在 JS 中将字符串读取为 HTML

Question

单击按钮时，我想更改 HTML 中的一个段落（id="p"）。AJAX 部分已经可以工作了，但是 HTML 中的字符串不被视为实际的 HTML 代码。我现在拥有的是从 .txt 文件中读取的一段代码，如下所示：

<p > hello world </p>

这存储在 js 中的变量“txt”中，并使用 GET 提供给我的本地服务器，然后使用百分比标签在 HTML 中检索它，如下所示：

document.getElementById("p").innerHTML = $.parseHTML("<%= txt %>");

当我单击按钮时，文本会更改，但会更改为“[对象文本]”。我也试过这个：

document.getElementById("p").innerHTML = "<%= txt %>";

但随后它从字面上更改为 txt 文件中的代码，标签仍然可见，而我希望 js 将其视为 HTML 代码，松开标签并将其视为实际的 HTML。但是，如果我这样做，它确实有效：

document.getElementById("p").innerHTML = "<p> hello world </p>";

我在网上读到你首先需要制作一个 DOM（因为我还想在之后用 CSS 更改 HTML）或者你需要在 parseHTML 上使用 .find('#id')，但到目前为止我发现没有好的例子。parseHTML 方法根据 jquery API 返回一个数组，但访问该数组的元素也没有工作。

标签： javascripthtmljquerystring