TypeError: document.getElementById не является функцией

Question

В следующем фрагменте кода все работает, как ожидалось, но когда я нажимаю «Показать исходный текст» Firefox производит эту ошибку:

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

И Safari производит подобную ошибку. Чем это вызвано?

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

Чувствительный: document.getElementById (обратите внимание на капитал B).

Answer 2

JavaScript чувствителен к регистру. Значение b в getElementbyId должно быть капитализировано.

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