在JS中使用appendChild多次使用相同的节点
在JavaScript中，使用appendChild多次使用相同的节点会导致该节点从原来的位置被移除，然后插入到新的位置。如果你想要重复添加相同的节点，你需要创建该节点的副本。以下是一个示例：
// 创建一个新的div元素
var newDiv = document.createElement("div");
newDiv.innerHTML = "这是一个新的div元素";
// 将新的div元素添加到页面中
document.body.appendChild(newDiv);
// 创建一个副本
var newDivCopy = newDiv.cloneNode(true);
// 将副本添加到页面中
document.body.appendChild(newDivCopy);在这个示例中，我们首先创建了一个新的div元素，并将其添加到页面中。然后，我们使用cloneNode方法创建了该元素的副本，并将副本添加到页面中。这样，我们就可以在页面中看到两个相同的div元素。
相关·内容
我写了下面的代码来做这件事，但是我遇到了一个问题，give_rating节点只被附加到表单的最后一个节点。我知道这是因为appendChild基本上移动了一个节点，而不是复制它，我尝试使用cloneNode解决这个问题，但这完全破坏了我的JS。当我使用上面的代码时，代码give_rating只被附加到‘rating
浏览 1提问于2010-11-19得票数 18
回答已采纳
首先，我要提一下，我是PowerShell的初学者，我想提前感谢大家的帮助$fileElement = $xml.CreateElement稍后在脚本中再次使用$fileElement变量，在脚本中使用$fileElement.AppendChild添加它自己的子节点</em
浏览 0提问于2011-08-25得票数 1
回答已采纳
document.createElement('div');var p = document.createElement('p');
d2.appendChild(p); // d2 has p now
// but where is p in d1 ?有些人会说这是逻辑，但当我第一次注意
浏览 5提问于2015-06-05得票数 9
回答已采纳
1回答
我使用以下代码来创建一个具有弹出功能的图像滑块，以显示缩放版本。在这里，对于360视图图像，我添加了一个覆盖图像。orbitView')){ mainImgWrapper.appendChild}
mainImgWrapper.style.left = 'calc('+(imgCount*100)+'% + '+i
浏览 27提问于2018-08-31得票数 0
哦，不小心在代码评审部分问到了这个=D让我们再试一次。 每次单击按钮时，我都会尝试在一个部分中创建一个小div。generateGrid() {
} 这是有效的，但只有一次。我试着研究过答案，有几个人似乎有类似但更复杂的情况，但我无法弄清楚。 基本上，我只想单击该按钮，然后在该部分中会弹出另一个div。现在，第一次点击按钮效果很好，但之后的
浏览 26提问于2019-02-25得票数 0
回答已采纳
2回答
附加子节点的顺序重要吗？
、、、
我有以下代码：span.appendChild(closeButton);如果我在将使用js插入到DOM中的克隆节点与硬编码到html中的节点之间有什么不同？
浏览 2提问于2013-02-22得票数 0
回答已采纳
2回答
我在上运行一个站点，在桌面上，我在侧边栏中提供一个广告。这来自广告网络中的一些给定的JS代码。我最初的解决方案是将JS添加到页脚，然后在桌面版本上使用display: none；。但是，JS不会两次加载到站点中
浏览 1提问于2014-08-30得票数 0
2回答
我在玩游戏中保存数据的.xml文件。我知道如何将xml对象转换为ByteArray并将其写入FileReference。我现在需要知道的是如何从一个空的xml对象(使用var xml:XML = new XML())变成一个完全填充的xml对象。 <planet id="2"
浏览 0提问于2012-01-01得票数 0
回答已采纳
我正在使用bootstrap作为我正在编写的chrome扩展。当导入为内容脚本时，css似乎与我正在查看的许多网站(甚至在google搜索结果页面中)发生冲突。想知道我是否可以做些什么来将它的范围扩大到我使用content script注入的dom元素？
浏览 0提问于2012-10-29得票数 5
回答已采纳
我有一个安排脚本，可以在视觉上或向下移动元素(如li和tr)，但是，当元素已经开始时，我需要将其显示在底部。我使用正确的元素引用尝试了appendChild，并得到了一个错误，因为我要移动的元素已经是它的父元素的子元素。我也尝试过使用insertBefore，没有任何结果。
没有框架。
浏览 3提问于2015-01-22得票数 0
回答已采纳
我正在尝试创建一个DIV，并使用for循环将其附加到页面上所有现有的DIV中。问题是，当它在for循环中时，它将只将新的DIV添加到最后找到的DIV中，而不是像FOR循环所要求的那样添加到每个DIV中。有人能告诉我我做错了什么吗？下面是我正在使用的代码：<div class="Id">
<div class="first">First</di
浏览 1提问于2015-06-22得票数 2
回答已采纳
1回答
template"> <div class="btn-group"></div></template>但
浏览 0提问于2019-01-15得票数 0
回答已采纳
我想问一下如何在javascript中为appendChild创建的元素添加类如何为我创建的input元素添加类？我只使用javascript，我不喜欢jQuery，请用纯Javascript发送答案。
浏览 1提问于2012-09-25得票数 19
在ExtJS4中，使用Ext.tree.Panel创建了一个树形面板。当它被单击多次(大约8到16次)以展开或折叠树节点时，它在ext-all-debug.js的第10708行给出错误'event‘is null or not a object。每次单击时，它都会在所单击的节点下创建另一个节点。这个问题只有在IE 8中才会出现，因为相同的</em
浏览 0提问于2011-08-14得票数 0
1回答
addScript(fileName) {或者，我像这样使用了appendChild。。。'}这会
浏览 7提问于2018-03-08得票数 0
为什么当我运行这个示例代码时，只有一个'A node‘被附加到我的ul列表中？我是否需要在每次追加时创建一个新节点？注意:使用appendNode(node.cloneNode(true))会多次追加。 let node = document.createElement("LI");node.appendChild(textnode);
浏览 40提问于2019-03-15得票数 1
回答已采纳
var list = document.createElement("li"); apple.appendChild(list);<body>
<button id="btn/javascript.js</
浏览 0提问于2018-10-25得票数 1
回答已采纳
我在谷歌上搜索了很多关于用appendChild创建多个项目的信息，但我不明白它是如何工作的。我的appendChild只是替换，而不是添加更多。removeButton.parentNode.removeChild(removeButton);
board.appendChild有没有人有关于如何工作的更详细的解释？
浏览 4提问于2013-03-27得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
