使用带有JavaScript的按钮隐藏div标记
我一直在寻找解决堆栈溢出问题的方法，甚至从W3学校复制了一些简单的代码，但这两种方法似乎都不起作用 这是我当前的代码（简化）： 然后使用相同的JavaScript，但这也不起作用使用带有JavaScript的按钮隐藏div标记,javascript,html,block,display,Javascript,Html,Block,Display,我一直在寻找解决堆栈溢出问题的方法，甚至从W3学校复制了一些简单的代码，但这两种方法似乎都不起作用 这是我当前的代码（简化）： 然后使用相同的JavaScript，但这也不起作用 现在，由于某些原因，所有这些似乎都不起作用。谁能告诉我为什么 您的问题是您的按钮是“提交”。当您单击它时，它将重新加载页面。当然，它也会删除div，您的代码可以正常工作。但是页面会立即重新加载，因此它的再生速度比你的眼睛看到的要快。将type=“submit”更改为type=“button”，您应该会没事的 函数删除
现在，由于某些原因，所有这些似乎都不起作用。谁能告诉我为什么 您的问题是您的按钮是“提交”。当您单击它时，它将重新加载页面。当然，它也会删除div，您的代码可以正常工作。但是页面会立即重新加载，因此它的再生速度比你的眼睛看到的要快。将
type=“submit”type=“button”函数删除（）{
document.getElementById（'vraagkader'）.style.display=“无”；
返回false；
}
document.getElementById（'vraagkader'）.style.display！==“无”。我们不需要看到PHP，只需要看到呈现的HTML。你为什么有一个表单？很抱歉，你的代码正在工作。在这里测试：（按F9）@NelsonTeixeira不，它没有。它重新加载，从而重新显示div。为什么沉默的否决票对我有效+1 OP发布的代码有效。不，不是，请查看我的代码笔链接。当你点击提交按钮时，它会重新加载所有内容。哦。。这真的很管用，从来都不知道这两者之间有什么区别，谢谢！：）
<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>
#vraagkader {
display: block;
}