title: How to get next element using JavaScript-only?
body: <p>Let's say we have this markup:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf8" /&gt;
  &lt;title&gt;project.js&lt;/title&gt;
  &lt;script src="project.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;h1&gt;some project &amp;mdash; javascript &amp; html tests&lt;/h1&gt;
  &lt;hr /&gt;
  
      &lt;p&gt;
          testing 123
      &lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I know that there are <code>.prependChild()</code>, <code>.appendChild()</code>, <code>.innerHTML</code>, etc, properties and methods, but what I am looking for is how to add (append) contents after the <code>&lt;/body&gt;</code> tag closure?</p>
  
  <p>I need this, <strong>without using jQuery</strong> &mdash; is it possible?</p>