HTML DOM Document write() メソッド

定義と使用法

write() このメソッドはオープンされた（HTML）ドキュメントストリームに直接書き込む。

警告：

write() このメソッドは既に読み込まれたドキュメント上で使用される場合、すべての既存の HTML を削除します。

write() このメソッドは XHTML または XML では使用できません。

ヒント：write() このメソッドは open() メソッドでオープンされた出力ストリームに最もよく使用されます。以下の例を参照してください。

もっと詳しく：

Document open() メソッド

Document close() メソッド

Document writeln() メソッド

例

例 1

テキストを直接 HTML 出力に書き込む：

document.write("Hello World!");

自分で試してみてください

例 2

HTML 要素を直接 HTML 出力に書き込む：

document.write("<h2>こんにちは、世界！</h2><p>良い一日をお過ごしください。</p>");

自分で試してみてください

例 3

ドキュメントが読み込まれた後にdocument.write()を使用してすべての既存のHTMLを削除する：

// このような状況は避けるべきです：
function myFunction() {
  document.write("Hello World!");
}

自分で試してみてください

例 4

Dateオブジェクトを直接HTML出力に書き込みます：

document.write(Date());

自分で試してみてください

例 5

出力ストリームを開き、HTMLを追加し、それを閉じます：

document.open();
document.write("<h1>Hello World</h1>");
document.close();

自分で試してみてください

例 6

新しいウィンドウを開き、HTMLを書き込んでください：

const myWindow = window.open();
myWindow.document.write("<h1>New Window</h1>");
myWindow.document.write("<p>Hello World!</p>");

自分で試してみてください

文法

document.write(exp1, exp2, exp3, ...)

引数

引数 説明
exp1, exp2, exp3,
...

オプション。出力ストリーム。

複数の引数を受け入れ、表示順にドキュメントに追加されます。

戻り値

ありません。

write()とwriteln()の違い

writeln()は各ステートメントの後ろに改行符を追加します。write()はしません。

例

document.write("Hello World!");
document.write("Have a nice day!");
document.write("<br>");
document.writeln("Hello World!");
document.writeln("Have a nice day!");

自分で試してみてください

注意

HTMLで使用 writeln() 意味がありません。type=".txt"のテキストドキュメントにのみ有効です。HTMLでは改行符は無視されます。

HTMLで改行したい場合は、以下を使用する必要があります段落または <br>：

例 1

document.write("Hello World!");
document.write("<br>");
document.write("Have a nice day!");

自分で試してみてください

例 2

document.write("<p>Hello World!</p>");
document.write("<p>Have a nice day!</p>");

自分で試してみてください

ブラウザのサポート

すべてのブラウザがサポートしています document.write：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート サポート サポート サポート サポート サポート