読者です 読者をやめる 読者になる 読者になる

Corredor

ウェブ、プログラミングの勉強メモ。

チェックボックスの DOM 要素の取得方法に注意

チェックボックスを取得する JavaScript の書き方が古いと、思わぬバグを引き起こすことがある。 例えば以下のような構成の HTML フォームがあったとして。 <form name="myForm" method="post" action="/Send"> <p>このページをどこで知りましたか?</p> <ul> <li><input type="checkbox" name="questionnaire" value="google"> Google 検索で</li> <li></li></ul></form>

cloneNode() で複製した select 要素の選択状況がリセットされる

セレクトボックスを cloneNode() して、その要素を appendChild() とか replaceChild() とかすると、複製する前に選択していた状態が再現されなかった。 cloneNode() したフォーム部品が、直前に画面上でどのように操作されていたか、という情報は、ブラウザ…

IE11 で大量のテキストボックスを一括で非活性にする処理が重すぎる

IE11 は他のブラウザと比べても element.disabled = true; とかする処理が重たい。 ワケあって、テーブルの中に1行20個、150行程度のテキストボックスがあって、これらを一括で非活性にしたり、戻したりしなくてはいけなくなった。何も考えず document.getEl…

テキストボックスの value 属性を書き換えても innerHTML には反映されない

ユーザが textarea 要素にテキストを入力し、その後何らかのイベントで textarea 要素の親要素の innerHTML を取得すると、ユーザが入力したテキストがその innerHTML 内に残っている。 しかし、input[type=“text”] なテキストボックスの場合、ユーザがテキ…