JavaScript 出力
JavaScriptの表示方法
JavaScriptはさまざまな方法でデータを「表示」できます：
- innerHTMLを使用してHTML要素に書き込む。
- document.write()を使用してHTML出力に書き込む。
- window.alert()を使用してアラートボックスに書き込む。
- console.log()を使用してブラウザコンソールに書き込む。
innerHTMLの使用
HTML要素にアクセスするには、JavaScriptはdocument.getElementById(id)メソッドを使用できます。
id属性はHTML要素を定義し、innerHTMLプロパティはHTMLコンテンツを定義します：
<!DOCTYPE html>
<html>
<body>
<h1>私の最初のウェブページ</h1>
<p>最初の段落</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
HTML要素のinnerHTMLプロパティを変更することは、HTMLでデータを表示する一般的な方法です。
document.write()の使用
テスト目的であれば、document.write()を使用するのが便利です：
<!DOCTYPE html>
<html>
<body>
<h1>私の最初のウェブページ</h1>
<p>最初の段落</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
HTMLドキュメントの読み込み後にdocument.write()を使用すると、既存のHTMLがすべて削除されます：
<!DOCTYPE html>
<html>
<body>
<h1>私の最初のウェブページ</h1>
<p>最初の段落</p>
<button type="button" onclick="document.write(5 + 6)">試してみる</button>
</body>
</html>
document.write()メソッドはテスト目的のみに使用すべきです。