我一直在搜索整个堆栈溢出的解决方案，我甚至复制了W3Schools中的一些简单代码，但两个似乎都不起作用。
这是我当前的代码（简化）：
<script language="javascript">
function remove() {
document.getElementById('vraagkader').style.display = "none";
}
</script>
<head>
</head>
<body>
<div id="vraagkader" style="display: block">
<?php
echo "<form name='test'><input type='submit' name='5050' value='5050' onClick='remove()'></form>";
?>
</div>
</body>
现在也：
<script language="javascript">
function remove() {
if (document.getElementById('vraagkader').style.display !== "none";) {
document.getElementById('vraagkader').style.display = "none";
}
}
</script>
不起作用...
我还尝试先在CSS中设置它，然后尝试使用JavaScript进行编辑：
#vraagkader {
display: block;
}
，然后使用相同的JavaScript，但也不起作用。
现在，所有这些似乎都没有工作。谁能告诉我为什么？
您的问题是您的按钮是"提交"。单击它时，它会重新加载页面。当然，它还删除了DIV，您的代码有效。但是页面立即重新加载，因此再生的速度比您的眼睛更快。将type="submit"更改为type="button"，您应该可以。
http://codepen.io/jeremythille/pen/vpzwmw
function remove() {
document.getElementById('vraagkader').style.display = "none";
return false;
} <head>
</head>
<body>
<div id="vraagkader" style="display: block">
<form name='test'><input type='submit' name='5050' value='5050' onClick='return remove()'></form>
</div>
</body>