TypeError: document.getElementById non è una funzione

Question

Nel seguente frammento tutto funziona come previsto, ma quando faccio clic su "Visualizza sorgente" Firefox produce questo errore:

 
-- 
[11:07:30.630] TypeError: document.getElementbyId is not a function @ http://localhost:8888/html5/native-rich-text.html:10 

e Safari produce un errore simile. Che cosa sta causando questo?

function showSource() { 
 
    var content = document.getElementbyId("edit").innerHTML 
 
    content.replace(/</g, '&lt;'); 
 
    content.replace(/>/, '&gt: '); 
 
    prompt("Your Code:", content); 
 

 
} 
 

 
function createLink() { 
 
    var url = prompt("Enter URL:", "http://"); 
 
    if (url) 
 
    document.execCommand("createlink", false, url); 
 
}

<h1>Native Rich Text</h1> 
 
<p>No textboxes here, that's a &lt;div&gt; element!</p> 
 
<div> 
 
    <input type="button" value="Bold" onclick="document.execCommand('bold', false, null);"> 
 
    <input type="button" value="Italic" onclick="document.execCommand('italic', false, null);"> 
 
    <input type="button" value="Underline" onclick="document.execCommand('underline', false, null);"> 
 
    <input type="button" value="Add Link" onclick="createLink();"> 
 
    <input type="button" value="Show Source" onclick="showSource();"> 
 
</div> 
 
<div id="edit" style="border:solid black; height: 300px; width: 400px;" contenteditable="true"> 
 
    Hello! 
 
</div>

Answer 1

Case sensitive: document.getElementById (notate la capitale B).

Answer 2

JavaScript è case-sensitive. Lo b in getElementbyId deve essere in maiuscolo.

var content = document.getElementById("edit").innerHTML;