HTML DOMドキュメントwrite()
例
HTML出力に直接テキストを書き込みます。
document.write("Hello World!");
いくつかのHTML要素をHTML出力に直接書き込みます。
document.write("<h2>Hello World!</h2><p>Have a nice day!</p>");
ドキュメントがロードされた後にdocument.write()を使用すると、既存のすべてのHTMLが削除されます。
// This should be avoided:
function myFunction() {
document.write("Hello World!");
}
以下のその他の例。
定義と使用法
このwrite()
メソッドは、開いている(HTML)ドキュメントストリームに直接書き込みます。
警告
このwrite()
メソッドは、ロードされたドキュメントで使用されると、既存のHTMLをすべて削除します。
このwrite()
メソッドは、XHTMLまたはXMLでは使用できません。
ノート
このwrite()
メソッドは、メソッドによって開かれた出力ストリームへの書き込みに最もよく使用されますopen()
。
以下の「その他の例」を参照してください。
関連項目:
構文
document.write(exp1, exp2, exp3, ...)
パラメーター
Parameter | Description |
exp1, exp2, exp3, ... |
Optional. The output stream. Multiple arguments are allowed and will be appended to the document in order of occurrence. |
戻り値
なし |
その他の例
日付オブジェクトをHTML出力に直接書き込みます。
document.write(Date());
出力ストリームを開き、HTMLを追加してから、出力ストリームを閉じます。
document.open();
document.write("<h1>Hello World</h1>");
document.close();
新しいウィンドウを開き、HTMLを書き込みます。
const myWindow = window.open();
myWindow.document.write("<h1>New Window</h1>");
myWindow.document.write("<p>Hello World!</p>");
write()とwritln()の違い
write()およびwriteln():
<body>
<p>Note that write() does NOT add a new line after each statement:</p>
<pre>
<script>
document.write("Hello World!");
document.write("Have a nice day!");
</script>
</pre>
<p>Note that writeln() adds a new line after each statement:</p>
<pre>
<script>
document.writeln("Hello World!");
document.writeln("Have a nice day!");
</script>
</pre>
</body>
HTMLでwriteln()を使用することは意味がありません。
HTMLで新しい行が必要な場合は、段落または<br>を使用する必要があります。
document.write("Hello World!<br>");
document.write("Have a nice day!");
ブラウザのサポート
document.write
すべてのブラウザでサポートされています:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |