F.Ko-Jiの「一秒後は未来」ではウェブやSEO、API、RSSといった技術的ネタから、ちょっとした豆知識や梅酒、エンタメ系まで様々な情報を不定期にお届けしています。

JavaScriptでreadonly属性を操作 < Javascript < F.Ko-Jiの「一秒後は未来」 < fkoji.com

JavaScriptでreadonly属性を操作

2006/12/13 15:50:52

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なら送信される。時と場合によって使い分け。

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

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

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

このブログをRSSリーダーで簡単購読

タイトル:

URL:

リンク用HTMLタグ:
<a href="http://blog.fkoji.com/2006/12131550.html">JavaScriptでreadonly属性を操作 - F.Ko-Jiの「一秒後は未来」</a>

ケータイ会議4参加中

最近の注目記事

プロフィール

F.Ko-Ji (Koji Fukunaga)

ウェブエンジニアだけど技術の深いとこにはあまり興味がなくて、さくっとアイデアを形にするのが好きです。ブログには自分のアンテナにひっかかったものを色々書いてます。

詳しいプロフィールはこちら
Twitter

梅酒.in

えもにゅ

↑ 気持ち記録サービス「えもにゅ」です

このブログの読者になる

運営しているサイト

そのほかのサービスやツールはfkoji.comへ

月別アーカイブ

人気エントリー

TopHatenar

グリムス

毎日の歩行記録

携帯からのアクセスは

F.Ko-Jiの「一秒後は未来」