ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > Javascript > JavaScriptでreadonly属性を操作
2006年12月13日 15:50
1883日前に投稿

JavaScriptでreadonly属性を操作

  • ... PV
  • このエントリーをはてなブックマークに追加

スポンサード リンク

JavaScriptのDOMを使って要素のreadonly属性を変更しようとするときには、readOnlyと書かなければならない。

初歩的だけど忘れているとハマる。

Firefoxでは小文字のreadonlyでも操作できるが、IEだとreadOnlyである必要がある。

IEの場合はreadonly状態でもinput要素の背景色は白のままなので、クラス名を変更するなどして背景色を変えるのがいい。

// via prototype.js
$("hoge").readOnly = "readonly";
Element.addClassName($("hoge"), "readonly");

disabledを使う手もあるが、disabledを使うとinput要素の値が送信されなくなる。readonlyなら送信される。時と場合によって使い分け。

スポンサード リンク

Written by
Meity.jp - Twitterなかまでプライベートなオフ会を開催したいなら


トラックバック

このエントリーのトラックバックURL:

この一覧は、次のエントリーを参照しています: JavaScriptでreadonly属性を操作:

» JavaScript の readonly属性 from プログラマの実態
仕事中、JavaScriptを編集していたら document.getElementById("foobar").readonly が... [詳しくはこちら]

Javascript

English version

前のエントリー: « 免疫力を高めるには鼻呼吸のほうが大切
次のエントリー: CELEB * GAI - セレブ買い »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: