※ ChatGPTを利用し、要約された質問です(原文:style="displey:none"ができない)
style='displey:none'が使えない?
このQ&Aのポイント
HTMLソースコードに「style='displey:none'」というスタイル属性を追加しても、期待した動作ができないのはなぜでしょうか?
Webページのメニューを表示・非表示するために、「style='displey:none'」を使用していますが、表示されない場合はどのような原因が考えられるでしょうか?
「style='displey:none'」は存在しないスタイルのため、正しくは「style='display:none'」と記述する必要があります。なぜ「display:none」が使えるのか説明してください。
style="displey:none"ができない
まず、このソースを見てください。
<html><head><base target="migi"></head>
<body style="margin-top:3px;margin-left:3px;margin-right:3px;">
<div onmousedown="fmenu1()" style="cursor:hand;">メニュー表示</div>
<table id=menu1 style="displey:none" border=0>
<tr><td>あいうえお
<br>かきくけこ
<br>さしすせそ
</td></tr></table>
<SCRIPT language="JavaScript">
function fmenu1(){
if( menu1.style.display == "none")
menu1.style.display = "block";
else
menu1.style.display = "none";
}
</SCRIPT>
</body></html>
これを表示すると、最初から「あいうえお」「かきくけこ」「さしすせそ」が出ている状態になります。
style="displey:none" というのは間違っているでしょうか?
回答お願いします。
お礼
ありがとうございます。 無事解決できました! しかし、こんな単純なスペルミスだったとは^_^; 何回も見直したのになぁ・・・ 非表示の部分を詰めておきたいのでvisibilityよりdisplayのほうがいいと思ったんです。 ただ、Netscapeだと対応してないんですよねぇ。。。