当前位置: 动力学知识库 > 问答 > 编程问答 >

javascript - TypeError: document.getElementbyId is not a function

问题描述:

In the following snippet everything works as expected, but when I click "Show Source" Firefox produces this error:

--

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

And Safari produces a similar error. What is causing this?

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 (notice the capital B).

网友答案:

JavaScript is case-sensitive. The b in getElementbyId should be capitalized.

var content = document.getElementById("edit").innerHTML;
分享给朋友:
您可能感兴趣的文章:
随机阅读: