javascript - 使用 Javascript 在浏览器中显示 html 代码而不是显示元素的功能

Question

我想让我的 div 元素的 innerHTML 包含一些 HTML 代码，而不是像浏览器通常那样显示该 html 的预期结果。我如何使用 Javascript 执行此操作？

Answer 1

使用普通的 JavaScript:

var div = document.getElementById('foo');
while (div.firstChild) {
  div.removeChild(div.firstChild);
}
div.appendChild(document.createTextNode(html));

使用 jQuery:

$('#foo').text(html);