Я добавил несколько разных способов добавления элементов в DOM. Наиболее предсказуемым представляется, например, либо
document.getElementById('foo').innerHTML ='<p>Here is a brand new paragraph!</p>';
или
newElement = document.createElement('p');
elementText = document.createTextNode('Here is a brand new parahraph!');
newElement.appendChild(elementText);
document.getElementById('foo').appendChild(newElement);
но я не уверен в преимуществах одного. Есть ли правило большого пальца о том, когда нужно делать над другим, или один из них просто ошибочен?