Uncaught TypeError: document.getElementsById は関数ではありません。
2022-02-15 17:08:58
document.writeとinnerHTMLの違いについて
1.innerHTML
<p>Title: Old stories written in time</p>
<div id="sg">Hello, Time</div>
<script>
window.onload = function(){
var ff=document.getElementById("sg");
ff.innerHTML="<p>I love <em>JavaScript</em>! </p>";
}
</script>
The output is.
Title: An old story written in time
I love JavaScript!
2. document.write
<p>Title: Old stories written in time</p>
<div id="sg">Hello, Time</div>
<script>
window.onload=function(){
document.write("print content");
}
</script>
The output is: print content
要約すると、innerHTMLはそれが属する要素の内容のみを書き換える、つまり
<div>
要素で、document.write()がページ内のコンテンツを書いている間、彼はページのコンテンツを上書きし、それは死んで書かれ、document.writeはタイトルを含むページ上のすべてのコンテンツをクリアします。
プロセスでは ------- でエラーが報告されます。 Uncaught TypeError: document.getElementsById は関数ではありません。 その原因は、以下の詳細エラーです。
getElementではなく、getElementByIdです。 s ById
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
ハートビート・エフェクトのためのHTML+CSS
-
HTML ホテル フォームによるフィルタリング
-
HTML+cssのボックスモデル例(円、半円など)「border-radius」使いやすい
-
HTMLテーブルのテーブル分割とマージ(colspan, rowspan)
-
ランダム・ネームドロッパーを実装するためのhtmlサンプルコード
-
Html階層型ボックスシャドウ効果サンプルコード
-
QQの一時的なダイアログボックスをポップアップし、友人を追加せずにオンラインで話す効果を達成する方法
-
sublime / vscodeショートカットHTMLコード生成の実装
-
HTMLページを縮小した後にスクロールバーを表示するサンプルコード
-
html のリストボックス、テキストフィールド、ファイルフィールドのコード例