title: Differences among HTML DOM APIs
body: <p>So I have a question.
  I know that I can manipulate HTML DOM through multiple APIS like
  <code>document.getElementById</code>, <code>document.getElementsByTagName</code> etc.
  I wonder why there are so much APIs to manipulate DOM? Why can't just use <code>document.querySelector</code>？</p>