document.write()を使う方法との違いを教えて下さい

document.write()は使ってはいけません。
2020年8月2日
ユーザー

画像をjavascriptで表示させる方法を検索すると、
document.write();を使う方法などがよく出てくるのですが、

今回の講座での画像表示の仕方と、document.write();を使用する例は、
根本的に何が異なるのでしょうか。

普段、HTMLで画像を表示する場合は、
<img src="">の中に画像パスを入れるだけで表示されていたため、
document.write();を使用した場合のように、
画像表示は1行でできるできるものと思っていたのですが、

this.img = document.createElement('img');
this.img.src = 'img/seven.png';

上記2行を記述してもまだ画像は表示されず、

sectionに追加する下記のコードを書かないと、
画像が表示されないのはなぜでしょうか。

section.appendChild(this.img);

頭のイメージでは、いつも<img src="">だけで表示されるのに、
<section><img src=""></section>の形にしなければ、
画像が表示されないのはどうしてだろうと思ってしまったのですが、

もしかして単純に、「画像をどこで表示するか」を指定するために、
<section>や<div>を使用しているということでしょうか。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?