gpt4 book ai didi

javascript - 如何将两个元素之间的所有元素和子元素复制到临时元素中?

转载 作者:行者123 更新时间:2023-11-28 16:24:49 25 4
gpt4 key购买 nike

context = document.createElement("span");
start_element = my_start_element;
end_element = my_end_element;

// some how iterate through here (assuming start and end are different elements)
[start_element .. end_element].each(function(current_element){
context.append(current_element);
});

非常简单,只是不知道如何使用起始节点和结束节点来执行循环部分。 =\

最佳答案

您还可以使用普通的 DOMDocumentFragment 来完成此操作。

假设起始节点和结束节点是兄弟节点并且您有以下 html:

<html>
<head>
<title></title>
</head>
<body>
<div>
<p>paragraph 1</p>
<p id="start">paragraph 2</p>
<p>paragraph 3</p>
<ul id="end">
<li>paragraph 4</li>
</ul>
<p>paragraph 5</p>
</div>
</body>
</html>

下面的JS将复制节点并将它们插入到另一个地方。

var start = document.getElementById('start');
var end = document.getElementById('end');

var newcontainer = document.createElement('div');
newcontainer.style.backgroundColor = 'red';

var clonednodes = document.createDocumentFragment();

var node = start, lastnode = null;
while (lastnode!=end){
// note that cloneNode(true) will lead to duplicate id attributes
clonednodes.appendChild(node.cloneNode(true));
lastnode = node;
node = lastnode.nextSibling;
}

newcontainer.appendChild(clonednodes);

document.body.appendChild(newcontainer);

关于javascript - 如何将两个元素之间的所有元素和子元素复制到临时元素中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8349016/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com