Hack

JavaScript textareaの中身は、innerHTMLではなくvalueを使う

JavaScriptでtextareaの中身を操作するときに、
はまってしまいました。たまに忘れてやってしまいます。

何をやったかというと、JavaScriptでtextareaの中身を見て、
文字列を入れたりする処理をするときに、innerHTMLにアクセスしてました。
確かに、JavaScriptで確認すると、値は入っているのですが、
画面に反映されていませんでした。

<form action="foo();return false;">
<textarea id="comment"></textarea><br>
<input type="submit" value="送信">
</form>

があるときに、textareaに中身に値をつっこみたくて

<script language="javascript"><!--
var e = document.getElementById ('comment');
e.innerHTML = 'hoge';	// これは間違い
//--></script>
みたいなコードを書いていましたが、
innerHTMLに何をつっこんでも、textareaの中身に何も表示されません。

textareaは、innerHTMLではなく、valueにアクセスしなければなりません。

正しいコードはこうなります。

<script language="javascript"><!--
var e = document.getElementById ('comment');
e.value = 'hoge';	// 正しい
//--></script>

また、やりそうな問題ですね。これは。


関連記事

2008-04-16
このエントリーをはてなブックマークに追加

最近の記事

人気のページ

はてなの人気のブックマーク

過去ログ

2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12


THE IDOLM@STER MUSIC FESTIV@L OF WINTER!!(Blu-rayBOX)(完全初回生産限定)(BD3枚組)
THE IDOLM@STER MUSIC FESTIV@L OF WINTER!!(Blu-rayBOX)(完全初回生産限定)(BD3枚組)
進撃の巨人 1 [初回特典:未発表漫画65P「進撃の巨人」0巻(作:諫山創)] [Blu-ray]
進撃の巨人 1 [初回特典:未発表漫画65P「進撃の巨人」0巻(作:諫山創)] [Blu-ray]
進撃の巨人 2 (初回特典:諫山創監修ニセ予告ドラマCD付き) [Blu-ray]
進撃の巨人 2 (初回特典:諫山創監修ニセ予告ドラマCD付き) [Blu-ray]
ヱヴァンゲリヲン新劇場版:Q EVANGELION:3.33 YOU CAN (NOT) REDO.(初回限定版)(オリジナル・サウンドトラック付き) [Blu-ray]
ヱヴァンゲリヲン新劇場版:Q EVANGELION:3.33 YOU CAN (NOT) REDO.(初回限定版)(オリジナル・サウンドトラック付き) [Blu-ray]
進撃の巨人 6 [Blu-ray]
進撃の巨人 6 [Blu-ray]
進撃の巨人 3 [Blu-ray]
進撃の巨人 3 [Blu-ray]
進撃の巨人 1 [初回特典:未発表漫画65P「進撃の巨人」0巻(作:諫山創)] [DVD]
進撃の巨人 1 [初回特典:未発表漫画65P「進撃の巨人」0巻(作:諫山創)] [DVD]
劇場版 魔法少女まどか☆マギカ [前編] 始まりの物語/[後編] 永遠の物語【完全生産限定版】 [Blu-ray]
劇場版 魔法少女まどか☆マギカ [前編] 始まりの物語/[後編] 永遠の物語【完全生産限定版】 [Blu-ray]
宇宙戦艦ヤマト2199 5 [Blu-ray]
宇宙戦艦ヤマト2199 5 [Blu-ray]
進撃の巨人 5 [Blu-ray]
進撃の巨人 5 [Blu-ray]
真・女神転生IV “豪華ブックレット仕様
真・女神転生IV “豪華ブックレット仕様"サウンド&アートコレクション 付
バイオハザード リベレーションズ アンベールド エディション (早期購入特典「オリジナルカスタムパーツ」が付いた特別モデルの武器3種類セット同梱)
バイオハザード リベレーションズ アンベールド エディション (早期購入特典「オリジナルカスタムパーツ」が付いた特別モデルの武器3種類セット同梱)
ピクミン3
ピクミン3
トモダチコレクション 新生活
トモダチコレクション 新生活
逆転裁判5
逆転裁判5
仮面ライダー バトライド・ウォー プレミアムTVサウンドエディション
仮面ライダー バトライド・ウォー プレミアムTVサウンドエディション
グランド・セフト・オートV (2013年秋発売予定) 【CEROレーティング「Z」予定】
グランド・セフト・オートV (2013年秋発売予定) 【CEROレーティング「Z」予定】
ガンダムブレイカー (初回W特典「フリーダムガンダム」のパーツデータ一式＋「ガンダム バトルオペレーション」出撃エネルギー（備蓄用）3個セット 同梱)
ガンダムブレイカー (初回W特典「フリーダムガンダム」のパーツデータ一式＋「ガンダム バトルオペレーション」出撃エネルギー（備蓄用）3個セット 同梱)
ジョジョの奇妙な冒険 オールスターバトル (通常版) (初回封入特典 プレイアブルキャラとして「吉良吉影」が使用可能になるDLコードがついた「川尻早人メモ」! 同梱)
ジョジョの奇妙な冒険 オールスターバトル (通常版) (初回封入特典 プレイアブルキャラとして「吉良吉影」が使用可能になるDLコードがついた「川尻早人メモ」! 同梱)
テラリア (◆封入特典「アイテムレシピ大全」 同梱)
テラリア (◆封入特典「アイテムレシピ大全」 同梱)
Excel VBAでIEを思いのままに操作できるプログラミング術 Excel 2013/2010/2007/2003対応
Excel VBAでIEを思いのままに操作できるプログラミング術 Excel 2013/2010/2007/2003対応
Software Design (ソフトウェア デザイン) 2013年 06月号 [雑誌]
Software Design (ソフトウェア デザイン) 2013年 06月号 [雑誌]
リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)
リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)
JavaScript Ninjaの極意
JavaScript Ninjaの極意
コーディングを支える技術 ~成り立ちから学ぶプログラミング作法 (WEB+DB PRESS plus)
コーディングを支える技術 ~成り立ちから学ぶプログラミング作法 (WEB+DB PRESS plus)
日経ソフトウエア 2013年 06月号
日経ソフトウエア 2013年 06月号
Photoshop 10年使える逆引き手帖【CS6/CS5/CS4/CS3 対応】【Mac OS X & Windows 対応】 (ああしたい。こうしたい。)
Photoshop 10年使える逆引き手帖【CS6/CS5/CS4/CS3 対応】【Mac OS X & Windows 対応】 (ああしたい。こうしたい。)
Excel VBAでIEを思いのままに操作できるプログラミング術 Excel 2013/2010/2007/2003対応
Excel VBAでIEを思いのままに操作できるプログラミング術 Excel 2013/2010/2007/2003対応
入門者のExcel VBA―初めての人にベストな学び方 (ブルーバックス)
入門者のExcel VBA―初めての人にベストな学び方 (ブルーバックス)
日経 Linux (リナックス) 2013年 06月号
日経 Linux (リナックス) 2013年 06月号
プライバシーポリシー