【问题标题】:Javascript Re-append a Removed elementJavascript重新附加一个已删除的元素
【发布时间】:2016-12-24 19:24:02
【问题描述】:

在 HTML 页面上,我最初有一个按钮。

<input type="submit" id="submit" onclick="assembleTest()">

我在点击功能中删除了它:

var element = document.getElementById("submit");
element.parentNode.removeChild(element);

我似乎无法再次访问此按钮元素来重新附加它。再次附加它的最佳方法是什么?我是否只需要再次在 Javascript 中重新创建按钮?

【问题讨论】:

  • 当您可以简单地禁用输入然后在需要时重新启用它时,为什么要删除它。
  • 很高兴我能做到,但这不是我想要的效果
  • 好的,如何将输入包装在 div 中并隐藏 div。正如 Joseph 所建议的,唯一的另一种选择是在 dom 中重建按钮并附加它。
  • 这也是一个好主意,但是我想知道如何使用 DOM 再次正确附加它。这是问题的示例的 JSFiddle jsfiddle.net/Natronox/xskxvjhe/#&togetherjs=soRqnMd5hS
  • 我已经解决了将显示设为无...我想直接从 DOM 中删除内容效率不高。

标签: javascript html append element


【解决方案1】:

您有引用已删除元素的 element。此外,removeChild 还返回对已移除元素的引用。您可以使用这些引用通过appendChild 将其附加回DOM。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2010-12-11
  • 2011-09-14
  • 2019-03-23
  • 1970-01-01
  • 2012-04-27
  • 2017-12-15
  • 2021-05-16
  • 1970-01-01
相关资源
最近更新 更多