【JavaScript】文字を表示、挿入するdocument.write()メソッド

「コンテンツに任意の文字を表示、挿入するにはどうすればいいの?」について解説していきます。

文字を表示、挿入するにはdocument.write()メソッドを使う

コンテンツに任意の文字を表示、挿入するにはdocument.write()メソッドを使います。

構文 document.write()メソッド

document.write("表示、挿入したい文字");

コンテンツに表示、挿入したい文字列を、document.write()メソッドの引数に入れます。

例文 document.write()メソッド

<html>
<head>
<title>サンプル</title>
<script type="text/javascript">
//表示、挿入する文字列 function newString() { document.open(); document.write("<p>表示、挿入する文字列</p>"); document.close(); }
</script> </head>
<body onload="newString();"> <!--元の文章--> <p>元の文章</p> </body> </html>

document.open()が書かれていない場合、自動的にdocument.open()が実行されます。
ページの読み込みが終了したことを伝えるためにdocument.close()を書くことが推奨されています。

実行結果

表示、挿入する文字列
実行すると、「元の文章」は削除され、newString()で挿入した文字列の「表示、挿入する文字列」に上書きされます。