JavaScript で HTML Control の表示/非表示を切り替える

最終更新日 2007-05-01 23:14:37 （１年以上前の記事です）

ものすごいベーシックですが、なぜかよく忘れるのでメモっておきます。 StyleSheet の display を使用して行うやり方です。例えば以下のような div コントロールを対象として切り替えたい場合を取り上げます。

<div id = "tarishou">test</div>

JavaScript は以下のようになります。

var ctl = document.getElementById ("taishou");
if (ctl.style.display == "none")
    ctl.style.display = "inline";
else
    ctl.style.display = "none";

最終更新日 2007-05-01 23:14:37

English

このブログについて
比較的どうでも良い事
ブログを書くにあたって
クッキーポリシー

フリーソフトウエア
EnjoiFLV
EnjoiPacket
EnjoiCrypto

ランキング
rank2, rank3, rank7, rank10, rank11

todo メモ
facebook 対応
ページ処理
RSS feed
検索機能
認証いる？
更新日表示
実はカテゴリ機能
多言語
実はユーザ機能
ソースその内公開

動作環境メモ
php-5.1.6 with PDO
SQLite-3.3
IE6
FireFox-1.5

RSS