title: TypeError: document.getElementbyId is not a function
body: <p>In the following snippet everything works as expected, but when I click "Show Source" Firefox produces this error:</p>
  
  <pre>
  --
  [11:07:30.630] TypeError: document.getElementbyId is not a function @ http://localhost:8888/html5/native-rich-text.html:10
  </pre>
  
  <p>And Safari produces a similar error. What is causing this?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function showSource() {
    var content = document.getElementbyId("edit").innerHTML
    content.replace(/&lt;/g, '&amp;lt;');
    content.replace(/&gt;/, '&amp;gt: ');
    prompt("Your Code:", content);
  
  }
  
  function createLink() {
    var url = prompt("Enter URL:", "http://");
    if (url)
      document.execCommand("createlink", false, url);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;Native Rich Text&lt;/h1&gt;
  &lt;p&gt;No textboxes here, that's a &amp;lt;div&amp;gt; element!&lt;/p&gt;
  &lt;div&gt;
    &lt;input type="button" value="Bold" onclick="document.execCommand('bold', false, null);"&gt;
    &lt;input type="button" value="Italic" onclick="document.execCommand('italic', false, null);"&gt;
    &lt;input type="button" value="Underline" onclick="document.execCommand('underline', false, null);"&gt;
    &lt;input type="button" value="Add Link" onclick="createLink();"&gt;
    &lt;input type="button" value="Show Source" onclick="showSource();"&gt;
  &lt;/div&gt;
  &lt;div id="edit" style="border:solid black; height: 300px; width: 400px;" contenteditable="true"&gt;
    Hello!
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>