title: TextNode or innerHTML
body: <p>Supposing we have the following element <code>&lt;p id="abc"&gt;Hello World&lt;/p&gt;</code>. If I want to modify the content in the <code>&lt;p&gt;</code> tag I have two ways in the javascript code:<br></p>
  
  <pre><code>document.getElementById("abc").innerHTML="good morning";
  document.getElementById("abc").firstChild.nodeValue="good morning";
  </code></pre>
  
  <p>The questions are: </p>
  
  <ul>
  <li>Which are the difference between the 2 solutions?<br></li>
  <li>Which one should I use? Is there one better than the other?</li>
  </ul>