TypeError: document.getElementbyId n'est pas une fonction

Dans l'extrait suivant, tout fonctionne comme prévu, mais lorsque je clique sur "Afficher la source", Firefox produit cette erreur:

 -
 [11: 07: 30.630] TypeError: document.getElementbyId n'est pas une fonction @ http: // localhost: 8888 / html5 / native-rich-text.html: 10

Et Safari produit une erreur similaire. Qu'est-ce qui cause cela?

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> 

Case sensitive: document.getElementById (remarquez le capital B ).

JavaScript est sensible à la casse. Le b dans getElementbyId devrait être mis en majuscule.

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