javascript - removeChild不起作用 | removeChild不起作用

大家好，我只是想在单击按钮时删除表格，但没有结果。我确定调用了函数“ sign（）”，但对我的布局没有影响：

<body>
  <div id="divSign">
    <form action="#" method="post">
      <div class="header">
        <p>All Together</p>
      </div>
      <div class="description">
        <p>Hi friend</p>
      </div>
      <div class="input">
        <input type="text" class="button" id="chiave" placeholder="Chiave Segreta">
        <input type="submit" class="button" id="submit" value="ENTRA" onclick="sign();">
      </div>
    </form>
  </div>
</body>
<script>
  function sign() {
    document.body.removeChild(document.getElementById("divSign"));
    // OR THIS
    var f = document.getElementById("divSign");
    while (f.hasChildNodes()) {
      f.removeChild(f.lastChild);
    }
    // OR THIS
    var f = document.getElementById("divSign").style.visibility = "hidden";
  }
</script>

似乎没有任何影响我的页面，我只是在单击后清除页面。

最佳答案

单击后，将提交您的表单，页面将刷新。

使用此onclick代替，return false;将阻止提交表单，并且将不再刷新您的页面：

<input type="submit" class="button" id="submit" value="ENTRA" onclick="sign(); return false;">

关于javascript - removeChild不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33823957/