removeChild not working

removeChild not working

本文关键字：working not removeChild      更新时间：2023-09-26

大家好，当我点击一个按钮时，我正试图删除我的表单，但没有结果。我确信函数"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;">

它不会被删除，因为页面是在您单击按钮后重新加载的，因为它是一个表单。为了防止这种情况，您可以在函数末尾使用return false;。

function sign() {
    /*********
     Your code
    **********/
    return false; //add this line
}

使用jquery可以使用空

$("#divSign").empty()

或

$("#divSign form").remove()
相关文章：