個人事業主の方必見!確定申告のお悩み解決

DIVタグで囲んだ各ブロックの表示・非表示をJavascriptで動的に制御したく、下記のソースの通りJavascriptで表示の切り替え処理を記述したところ、IE6.0では動作しましたが、FireFox2.0では切り替えリンクをクリックしても無反応の状態となってしまいました。

FireFoxのJavascript互換について経験不足のため原因がつかめず困っております。
FireFoxでも動作可能となるには、どのような記述をすればよろしいでしょうか。もしご存知の方がおられましたら宜しくお願い致します。

*** Javascriptソース ******************
function showArea(areaId){
A.style.display="none";
B.style.display="none";
C.style.display="none";
areaId.style.display="block";
}

*** ブロック切り替え用リンク ******************
<a href="javascript:showArea(A)">Aブロック</a>
<a href="javascript:showArea(B)">Bブロック</a>
<a href="javascript:showArea(C)">Cブロック</a>

*** 表示用ブロック ******************
<div id="A">
Aブロックの記述内容
</div>
<div id="B">
Bブロックの記述内容
</div>
<div id="C">
Cブロックの記述内容
</div>

A 回答 (1件)

X.style.display=~;



document.getElementById(X).style.display=~;
※ 変数(areaId)はそのままだけど 文字列 A は'A'とコーテーションで囲う。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング