TypeError: document.getElementById nie jest funkcją

Question

W poniższym fragmencie kodu wszystko działa zgodnie z oczekiwaniami, ale kiedy klikam „pokaż źródło” Firefox produkuje ten błąd:

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

i Safari produkuje podobny błąd. Co to powoduje?

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 wrażliwe: document.getElementById (zauważ kapitału B).

Answer 2

JavaScript jest wielkość liter. Wartość b w getElementbyId powinna być pisana wielką literą.

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