尝试在单击时更改容器的可见性。能见度已设定
隐藏在CSS中，并且表单位于div中。任何帮助表示赞赏。我也有
尝试使用display属性并将其设置为none或compact，而不是可见性，但仍然没有更改。
JavaScript：
<script type="text/javascript">
function displayCont()
{
var idName= this.value;
var getElmt= document.getElementById("idName").style.visibility;
if (getElmt == hidden)
{
getElmt = visible;
}
else if (getElmt == visible)
{
getElmt = hidden;
}
}
</script>
HTML摘录
<form id="btns">
<input type="button" value="Timer" id="timerBtn" onclick="displayCont()"/>
<input type="button" value="Countdown" id="ctDownBtn" onclick="displayCont()"/>
</form>
最佳答案
您有几处错误。首先，idName是未定义的。另外，当您使用getELementById（'idName'）时，请删除引号以使用您刚定义的变量。另外，您需要在可见和隐藏两边加上引号。我正在处理代码。
这应该更接近您想要的。
<!DOCTYPE html>
<html>
<head>
<style>
#myDiv{
display: none;
}
</style>
</head>
<body>
<form id="btns">
<input type="button" value="Timer" id="timerBtn" onclick="displayCont('myDiv')"/>
<div id="myDiv"> Show/Hide This </div>
</form>
<script type="text/javascript">
function displayCont(inp){
var ele = document.getElementById(inp);
var shown = ele.style.display;
if (shown == 'none') {
ele.style.display = 'block'
}
else {
ele.style.display = 'none'
}
}
</script>
</body>
</html>