javascript - 如何将带有 HTML 标签的字符串打印为 HTML

Question

我正在开发一个小项目，从 URL 中获取 JSON 数据并解析它。一切都很好，当我尝试将结果打印到 HTML 页面时，问题就出现了。我有我需要的数据，并且它附带了 HTML 标签，所以我只想将其粘贴在我的页面上并开始我的一天。下面的每次尝试都显示结果为

<ul> <li>Place this item in the&nbsp;<strong>Blue Bin</strong>.</li> </ul>

在我的 HTML 页面上。它应该是一个包含列表项的无序列表。我不应该看到这些标签。

我已经尝试过:

var htmlString = $.parseHTML(data[1].body);
$content.append( htmlString );

和:

var htmlString = JSON.stringify(data[1].body);
$("#ObjectId").html("<pre>" + htmlString + "</pre>");

我不知道还能尝试什么。我错过了什么？

btw- data[1].body 是 JSON 数据，它包含上面的第一行代码。

Answer 1

您可以使用innerHTML

let temp =`<ul> <li>Place this item in the&nbsp;<strong>Blue Bin</strong>.</li> </ul>`

document.getElementById('test').innerHTML= temp

<div id='test'></div>