1. ホーム
  2. HTML

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