title: document.click() on a document
body: <p>DOM button is getting clicked with <code>.click()</code> method, but its not working on document itself.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>/* Working fine */
  function getAlert() {
      alert("Clicked!!!");
  }
  var btn = document.getElementById('btn');
  btn.onclick = getAlert;
  btn.click()
  
  /* Should be work  */
  document.onclick = getAlert;
  document.clicked()</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button id="btn"&gt;Click Me!&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Please help.</p>