textarea タグ内を javascript から読み書きするのは value で
textarea タグの読み取り、書き込みに、どのインターフェイスを利用すべきかいつも迷うので調べた結果をメモ
まとめ
innerHTML と value は、保存される場所が違うらしい
いずれも初期値は読み込み可能だが、innerHTMLはユーザーの変更を反映しない
基本的に value を使用して読み書きするのが無難
ただし、デベロッパーツールの textarea タグ内は見た目変化しないので注意
textarea タグの読み取り、書き込みに、どのインターフェイスを利用すべきかいつも迷うので調べた結果をメモ
メソッド | インターフェイス | 結果 | 備考 |
Read | innerText | NG | <empty string> が返る |
innerHTML | NG | ユーザーによる変更が反映されない | |
value | OK | ||
Write | innerText | NG | 改行が<br/>へ置換され、表示上改行が失われる |
innerHTML | OK | 改行も反映されるが、valueで取り出せない | |
value | OK | 改行も反映されるが、innerHTML で取り出せない |
コメント