title: What is the difference between appendChild, insertAdjacentHTML, and innerHTML
body: <p>I want to know what the difference is between <code>appendChild</code>, <code>insertAdjacentHTML</code>, and <code>innerHTML</code>.</p>
  
  <p>I think their functionality are similar but I want to understand clearly in term of usage and not the execution speed.</p>
  
  <ol>
  <li>For example, I can use <code>innerHTML</code> to insert a new tag or text into another tag in HTML but it replaces the current content in that tag instead of appends.</li>
  <li><p>If I would like to do it that way (not replace) I need to use <code>insertAdjacentHTML</code> and I can manage where I want to insert a new element (<code>beforebegin</code>, <code>afterbegin</code>, <code>beforeend</code>, <code>afterend</code>)</p></li>
  <li><p>And the last if I want to create (not insertion in current tag) a new tag and insert it  into HTML I need to use <code>appendChild</code>.</p></li>
  </ol>
  
  <hr>
  
  <p>Am I understanding it correctly? Or are there any difference between those three?</p>