Ошибка типа: document.getElementbyId не является функцией

Question

Ошибка типа: document.getElementbyId не является функцией

15

В следующем фрагменте все работает так, как ожидалось, но когда я нажимаю "Show Source", 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 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>

Zeta 05 янв. 2013, в 13:07

Источник

Теги:

javascript

html5

2 ответа

10

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

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

Mattias Buelens 05 янв. 2013, в 11:33

Ещё вопросы

Zeta · Accepted Answer · 2013-01-05T12-34-00.000Z

Учитывать регистр: document.getElementById (обратите внимание на капитал B).

хотя он закрыт как слишком локализованный, получается, что этот вопрос мне помогает! спасибо за этот ответ!
Пять лет спустя, и это именно то, что я не использовал. Спасибо.
хочу сказать, что это помогло мне тоже!