使用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);