0

我一直在慢慢学习 javascript，终于让我的 hide/show 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 
<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 回答
0

尝试

function hideshow(which){ 
 return (which.style.display=="block")?
           which.style.display="none" : which.style.display="block" 
}
于 2013-03-11T17:34:06.970 回答