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