Question

大家好我只想在我点击一个按钮时删除我的表单，但我没有结果。我确信这个功能＆＃34; sign（）＆＃34;被叫，但对我的布局没有影响：

＆＃13;

<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>

＆＃13;

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

Answer 1

点击后，表单会提交并刷新页面。

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

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

Answer 2

它没有删除，因为在点击按钮后重新加载页面，因为它是一个表单。为防止这种情况发生，您可以在功能结束时使用return false;。

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

Answer 3

使用jquery，您可以使用空

$("#divSign").empty()

或

$("#divSign form").remove()

removeChild不工作

3 个答案: