プロが教えるわが家の防犯対策術!

javascriptでツリー表示をしたいのですが、全くの素人で、一番やりやすそうなソースを見つけ、『“tree1”を変更して使用』と説明にはあったのですが、実際には『JavaScript:ok('tree1');"』とアドレスに表示されるだけで、目的のツリー表示をしてくれません。
どうしたら、良いでしょうか?

<SCRIPT language="JavaScript">
<!--
function ok(id){if(document.all(id).style.display == "none"){document.all(id).style.display="block";}else{document.all(id).style.display="none";}}
//-->
</SCRIPT>

<B><A HREF="JavaScript:ok('tree1');">■メニュー</A></B><BR>
<DIV ID="tree1" style="display:none;">
 ┣ あああ<BR>
 ┣ いいい<BR>
 ┣ ううう<BR>
 ┣ えええ<BR>
 ┗ おおお<BR>
</DIV>

A 回答 (2件)

idという予約語が引っかかる場合もありますので、念のため変更します。



<SCRIPT language="JavaScript">
function ok(idstr){
var s=document.getElementById(idstr).style;
s.display=s.display=="none"?"block":"none";
return false;
}
</SCRIPT>
<B><A HREF="#" onclick="return ok('tree1');">■メニュー</A></B><BR>
<DIV ID="tree1" style="display:none;">
 ┣ あああ<BR>
 ┣ いいい<BR>
 ┣ ううう<BR>
 ┣ えええ<BR>
 ┗ おおお<BR>
</DIV>
    • good
    • 1
この回答へのお礼

お礼が送れて申し訳ありません!
無事、解決しました!!
どうもありがとうございます!

お礼日時:2008/12/15 20:45

document.all を document.getElementById に変更。



document.allについては、相当前の質問になりますが、
http://oshiete1.goo.ne.jp/qa2562329.html
http://oshiete1.goo.ne.jp/qa1197997.html
などをご参照ください。

この回答への補足

早速の回答ありがとうございます。

document.all を document.getElementById に変更してみたんですが、状況変わりません...。
document.allとdocument.getElementByIdについては、なんとなく判りました。

補足日時:2008/11/16 09:13
    • good
    • 0

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