JavaScriptでのテキストエリアの操作
この教科書のセクションでは、フォームのより高度な機能の操作を学びます。
複数行入力フィールドを表すタグ textarea から学習を始めましょう。
このタグを操作する際には、あるニュアンスがあります。要点は次の通りです:デフォルトでタグ内に表示されるテキストは、 textarea の開始タグと終了タグの間に配置されます:
<textarea id="elem">text</textarea>
:
しかし、それにもかかわらず、タグのテキストの読み取りと書き込みは、 innerHTML プロパティではなく、 value を介して行う必要があります。例として、上記の textarea のテキストを出力してみましょう:
let elem = document.querySelector('#elem');
console.log(elem.value); // 'text' を出力します
テキストエリアと段落が与えられています。テキストエリアでフォーカスが外れたときに、そのテキストを段落に書き込んでください。