「コンテンツに任意の文字を表示、挿入するにはどうすればいいの?」について解説していきます。
文字を表示、挿入するには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()で挿入した文字列の「表示、挿入する文字列」に上書きされます。