[解決済み] TypeError: document.getElementbyId is not a function [closed].
2022-02-09 18:20:16
質問
次のスニペットでは、すべてが期待通りに動作しますが、"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, '<');
content.replace(/>/, '>: ');
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 <div> 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>
解決方法は?
大文字・小文字を区別する。
document.getElementById
(大文字の
B
).
関連
-
[解決済み】Javascript:getElementById対getElementsById(両方が別のページで動作する)。
-
[解決済み】BootstrapのCollapseが折りたたまれない
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] JavaScriptでNULL、未定義、空白の変数をチェックする標準的な関数はありますか?
-
[解決済み] URLを新しいタブで開く(新しいウィンドウではない)
-
[解決済み] 関数が実行されるまでの時間を測定する方法
-
[解決済み] document.getElementById vs jQuery $()
-
[解決済み】JavaScriptの関数にデフォルトのパラメータ値を設定する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】node.js TypeError: path must be absolute or specify root to res.sendFile [JSONのパースに失敗しました]。
-
[解決済み】フォームコントロールの値アクセサがない
-
[解決済み】Angular JS Uncaught Error。[インジェクター:モジュラー]。
-
[解決済み】ある要素が可視DOMに存在するかどうかを確認するにはどうすればいいですか?
-
[解決済み】別のjsファイル内でJavaScriptの関数を呼び出す
-
[解決済み】エラー:リスン EACCES 0.0.0.0:80 OSx Node.js
-
[解決済み】このオブジェクトの "forEach "はなぜ関数でないのですか?
-
[解決済み】ETIMEDOUTエラーの対処方法は?
-
[解決済み】Uncaught TypeError: 未定義のプロパティ 'msie' を読み取れない - jQuery tools
-
[解決済み】Vueが定義されていない