Question

我一直在慢慢学习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>

Answer 1

将adiv样式更改为display: none？

Answer 2

<div id="adiv" style="display: none">This is what wil appear onClick</div>

用css隐藏元素。

Answer 3

你得到的错误是：

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"。

Answer 4

试

function hideshow(which){ 
 return (which.style.display=="block")?
           which.style.display="none" : which.style.display="block" 
}

页面加载时需要隐藏的东西

4 个答案: