为什么将元素从DOM中删除？

Question

使用.appendNode（）时，似乎从页面中删除了原始文件-例如，clickedEl下一个同级内部节点。

为什么是这样？ 这是预期的行为吗？

var textNode = clickedEl.nextElementSibling.childNodes[0];
var htmlObject = document.createElement('div');
if(video_text) htmlObject.appendChild(textNode);

在FF 65.0.1中测试

Answer 1

您正在使用textNode并将其附加到htmlObject 。 这会将节点从其原始位置移动到新位置。

如果要附加原始节点的副本，则可以首先克隆它：

var textNode = clickedEl.nextElementSibling.childNodes[0].cloneNode();
var htmlObject = document.createElement('div');
if(video_text) htmlObject.appendChild(textNode);

请注意，这不会将事件侦听器复制到克隆的节点。