文章/答案/技术大牛

发布

问removeChild不工作
EN

Stack Overflow用户

提问于 2015-11-20 10:07:18

回答 3查看 100关注 0票数 0

嗨，所有我只是尝试删除我的表单时，我点击一个按钮，但我没有结果。我确信函数“符号()”被调用了，但对我的布局没有任何影响：

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

没有什么似乎影响我的网页，我只是清理我的网页后点击。

javascript

dom

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-11-20 10:10:02

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

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

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

票数 3

Stack Overflow用户

发布于 2015-11-20 10:11:50

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

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

票数 1

Stack Overflow用户

发布于 2015-11-20 10:10:01

使用jquery，您可以使用空

$("#divSign").empty()

或

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

票数 -2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33823957

复制

相似问题

问removeChild不工作
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问removeChild不工作EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问removeChild不工作
EN