Fonction permettant d'afficher le code html plutôt que les éléments d'affichage dans le navigateur à l'aide de Javascript

Question

Je veux avoir le innerHTML de mon div pour contenir du code HTML, au lieu d'afficher le résultat attendu de ce code comme le ferait normalement le navigateur. Comment puis-je faire cela en utilisant Javascript ?

Answer 1

Avec un JavaScript normal :

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

Avec jQuery :

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