如果给出id,我如何从DOM中删除一个元素？
在DOM中删除一个元素，您可以使用JavaScript中的removeChild()方法。以下是一个示例代码：
// 获取要删除的元素
var element = document.getElementById("my-element");
// 创建一个新的元素
var newElement = document.createElement("div");
// 将新的元素作为原先元素的孩子节点
element.parentNode.insertBefore(newElement, element);
// 删除原先的元素
element.remove();在这个示例中，我们首先使用getElementById()方法获取要删除的元素。然后，我们创建一个新的div元素，并将其作为原先元素的孩子节点插入到DOM中。最后，我们使用remove()方法删除原先的元素。
请注意，remove()方法会从DOM中直接删除元素，而不会将其移动到回收站。因此，如果您希望将元素移动到回收站以便在以后恢复，可以使用removeChild()方法。
如果您希望将元素移动到另一个位置，可以使用appendChild()方法。以下是一个示例代码：
// 获取要移动的元素
var element = document.getElementById("my-element");
// 将元素移动到另一个位置
var newParent = document.getElementById("new-parent");
newParent.appendChild(element);在这个示例中，我们首先使用getElementById()方法获取要移动的元素和新的父元素。然后，我们使用appendChild()方法将元素移动到新的父元素的子节点中。
相关·内容
事情是这样的--我在一个页面上加载了很多元素，我正在使用Javascript删除其中的一些元素(this.parentNode.removeChild(this))，效果非常好。但是，如果我有一个变量引用这个节点，那么删除这个节点，变量不会丢失它的值！但是如果我随后尝试在这个元素上执行一些其他操作，我就会得到错误！document.getElem
浏览 0提问于2011-03-21得票数 1
回答已采纳
2回答
我希望编写我的第一个Java (有区别)。我想要编写一个applet，它操作放置applet的页面的DOM。一个适当的例子将说明如何：
将元素插入/删除到DOM中(之前/之后)给定的DOM<e
浏览 0提问于2010-11-21得票数 0
回答已采纳
5回答
<div id="@("Bottomgrid)" class="dgd2"></div>element.empty();
而不是只删除底部网格，它也删除屏幕中的其他分区。
浏览 7提问于2016-07-11得票数 2
回答已采纳
ngIf将DOM树的整个div从DOM树中删除，这样就可以减轻JS的代码基础，而隐藏的只会清除地毯下的东西。
在这种情况下，出现了一个问题；是否，选择[hidden]而不是*ngIf有什么好处？
浏览 7提问于2017-10-26得票数 1
回答已采纳
我在从舞台上移除DOMElement时遇到了问题。我就是这样用createjs创建我的domElement的。HTMl代码如下所示：<input id="nickname" value="" size="10">
一切正常工作，直到我想把"domElement“从</em
浏览 6提问于2013-09-18得票数 1
回答已采纳
我有一个像这样的。当它是空的时候我想给你一个提示。ChipInput onChange={this.handleTagChange}</div>
但我的浏览器给出了警告警告: React不识别DOM元素上的hintText支柱。如果您有意地希望它作为自定义属性出现在DOM
浏览 0提问于2018-03-29得票数 0
1回答
我对display: none属性有点困惑。互联网上的许多文章都说，如果将display属性设置为none，则DOM树中没有元素。这与opacity: 0和visibility: hidden的不同之处在于，它们不会从DOM中删除一个元素，只会使其不可见。，因为显示:没有真正从DOM中删除元素。来自
--这是一
浏览 2提问于2022-11-20得票数 0
2回答
下面的场景:我有一个Firebase数据库，其中包含一个列表，用于使用dom-repeat创建一组“纸卡”。<template is="dom-repeat" items="{{items}}"> <paper-card id="{{card.id现在我意识到，如果</em
浏览 5提问于2018-01-08得票数 3
4回答
我想从某个DOM元素中删除所有的单击事件。多么?有removeEventListener，但这需要附加的函数。Grazi
浏览 1提问于2011-01-19得票数 1
回答已采纳
我使用的是一个javascript库，它将在更新某些数据时向DOM添加/删除元素。我的问题是，如果从DOM中删除触
浏览 5提问于2016-09-07得票数 0
2回答
我真的想知道jQuery 函数是否真的从DOM中删除元素。当我注意到我仍然能够操作我调用了remove函数的元素时，我遇到了这个问题。我的代码： <div id="div">
This is a
浏览 1提问于2012-05-23得票数 8
回答已采纳
我用以下代码从DOM中删除了一个元素：如何检查box1是否在DOM中。我希望这样做，因为如果我再次尝试从DOM中删除它，这将导致一个错误。
浏览 0提问于2015-12-20得票数 0
所以，我正在访问一个应用程序。有多个员工记录。然而，没有重复的记录。我正在删除员工记录，然后尝试验证员工记录是否已实际删除。我正在尝试使用xpath和isPresent函数查找员工名称。问题是，尽管删除了员工记录，但输出总是返回：下面是我正在使用的代码： login_page.enterUsername}
浏览 0提问于2018-05-15得票数 0
回答已采纳
1回答
如果我使用document.getElementById将DOM元素存储在变量中，然后使用removeChild方法从DOM中删除该元素，则该变量中存储的对象不会更新为空引用。例如：
var a = document.getElementById(&
浏览 1提问于2013-07-27得票数 0
回答已采纳
14回答
我使用jQuery从DOM中提取项，并希望使用DOM元素的id在对象上设置一个属性。jQuery(itemsFromDom).each(function() { const name = element.attr('id')
// Here is
浏览 3提问于2009-03-29得票数 314
回答已采纳
3回答
我正在建立一个单一的网页网页应用。这意味着，在一段时间内，我会获得新的DOM元素，删除不必要的元素。例如，当我获取一个新表单时，我只需用该表单HTML替换特定div的内容，并设置该表单元素的唯一侦听器。过了一段时间后，我用一个新的表单实例(具有不同的ID)替换了这个表单的内容。我再次为这个新表单设置了事件侦听器。现在，前面的表单不再是DOM的一部
浏览 4提问于2013-01-20得票数 19
在元素加载到DOM中之后，如何从元素中删除类？如果selected类名的元素出现在DOM中，我希望从其中删除类highlight。
浏览 4提问于2016-04-12得票数 1
回答已采纳
1回答
我使用了一个jQuery插件(具有滚动扩展的DataTable)，它允许我通过延迟呈现来显示有上千行的HTML table。(在jsfiddle.net中</
浏览 1提问于2015-07-23得票数 0
我刚刚发现，当使用remove()函数时，匹配的元素不会从jQuery对象中删除，而只是从DOM中删除。
当然，如果一个web
浏览 1提问于2009-06-27得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
