0

私はゆっくりと JavaScript を学習してきましたが、ついに onClick の非表示/表示が機能するようになりました。ページが読み込まれると、クリックして表示されるコンテンツを非表示にする必要があります。どうすればいいですか？これが私が今持っているものです。

<!DOCTYPE html> 
<head> 
</head> 
<body> 
<a href="javascript:hideshow(document.getElementById('adiv'))">click here</a> 
<script type="text/javascript"> 
function hideshow(which){ if (!document.getElementById) 
return if (which.style.display=="block") which.style.display="none" else which.style.display="block" } 
</script> 
<div id="adiv" style="display: block">This is what wil appear onClick</div>
</body>
4

4 に答える 4

1

adiv スタイルをdisplay: none?に変更します。

于 2013-03-11T17:30:41.317 に答える
0

試す

function hideshow(which){ 
 return (which.style.display=="block")?
           which.style.display="none" : which.style.display="block" 
}
于 2013-03-11T17:34:06.970 に答える
0 
<div id="adiv" style="display: none">This is what wil appear onClick</div>

css で要素を非表示にするだけです。

于 2013-03-11T17:30:35.757 に答える
0

そして、あなたが得ているエラーは次のとおりです。

Uncaught SyntaxError: Unexpected token if

ステートメントは常にセミコロンで終わらせることを忘れないでください。

コードを修正するには:

<!DOCTYPE html> 
<head> 
</head> 
<body> 
<a href="javascript:hideshow(document.getElementById('adiv'))">click here</a> 
<script type="text/javascript"> 
function hideshow(which){ if (!document.getElementById) 
return; if (which.style.display=="block") which.style.display="none"; else which.style.display="block" } 
</script> 
<div id="adiv" style="display: block">This is what wil appear onClick</div>
</body>

また、ゼロから始める必要がないように、 JQueryのようなフレームワークを使用することも良いことです。

最初から非表示にしたい場合"adiv"は、 に変更"display: block"して"display: none"ください。

于 2013-03-11T17:31:00.453 に答える