如何将带有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>

Answer 2

您可以在HTML元素中添加一个id，然后使用document.getElementById(my-id).innerHTML = '<p>your string</p>将其作为innerHTML添加到该元素中

more info!

Answer 3

这将使您的工作完成。

<p>Hello World</p>

$('p').html('<b>Hi</b>');