テキストを既存のテキスト ボックスに挿入するには、2 つのことを行う必要があります。
- テキストボックスの DOM 要素を取得する必要があります。
- 値を入力するには、テキストボックスに適切なプロパティを設定する必要があります。
テキストボックスの DOM 要素を取得する方法はたくさんあります。 document.getElementById()
は最も単純です。テキスト ボックスの HTML に id="whatever" 属性を配置しdocument.getElementById("whatever")
、DOM 要素を取得するために使用します。
これは最も簡単な例です:
HTML:
<textarea id="mytext"></textarea>
Javascript:
var element = document.getElementById("mytext");
element.value = "This is my text";
動作デモ: http://jsfiddle.net/jfriend00/b4mNP/
document.write()
ドキュメントの読み込みが完了した後に使用しないでください。これにより、既存のドキュメントがクリアされ、新しいドキュメントの作成が開始されます。
また、フォーム送信を行っているフォームがないこと (ページもクリアされるため) と、href に移動するリンクをクリックしていないことを確認する必要があります。