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

Question

我想让innerHTML元素的div包含一些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);