JavaScriptの表示方法

JavaScriptで、文字列などを表示したいとき、「document.write、console.log、alert」などがありますが、３つのうちどれを使うべきですか？

No.4 ベストアンサー 回答者： Ogre7077 回答日時： 2021/01/04 13:45

ページの初回表示のみ

使い勝手が悪いので最近は使われていません
<div>
<script>document.write('こんにちは');</script>
</div>

ページの任意範囲を書き換える
通常はこちらの方法でどうぞ
<div id=mbox></div>
<script>
document.querySelector('#mbox').textContent = "こんにちは";
</script>

ページの任意範囲に追記していく
<div id=mbox></div>
<script>
var x = document.querySelector('#mbox');
x.innerHTML += "<p>やぁ</p>";
x.innerHTML += "<p>元気?</p>";
x.innerHTML += "<p>またね</p>";
</script>

開発者向けに、ブラウザの開発ツール内に表示
https://developer.mozilla.org/ja/docs/Web/API/co …
デバッグや運用保守用に使います
<script>
console.log("こんにちは");
console.error("問題発生");
console.info("処理開始");
console.debug("途中報告");
console.assert(1+1!="田", "冗談を理解してはいけない");
</script>

利用者向けに、ブラウザの対話機能(dialog)で会話する
https://developer.mozilla.org/ja/docs/Web/API/Wi …
操作用の UI として使います
<script>
window.alert("登録できませんので内容を見直してください);
var 判断 = window.confirm("よろしいですか?");
var 名前 = window.prompt("あなたのお名前は?");
</script>

No.3 回答者： yambejp 回答日時： 2021/01/04 12:59

特定の表示領域のtextContentを書き換えるのがよいでしょう。

No.2 回答者： t_fumiaki 回答日時： 2021/01/03 15:54

質問しっ放しの奴は寝てろ

No.1 回答者： fujillin 回答日時： 2021/01/03 15:54

こんにちは

＞３つのうちどれを使うべきですか？
目的によります。

デバッグなら console.log
アラート表示なら alert
document.write は、まず使うことはありません。
（DOM操作で十分なので）