javascript - 克隆文档片段

Question

是否有一种简单的方法来克隆文档片段(保留原始片段不变)？

我可以手动将每个节点克隆到一个新片段中，但我想有更好的方法(？)...

let clonedFrag = document.createDocumentFragment();
dFrag.childNodes.forEach(node => {
  const cloneNode = node.cloneNode();
  cloneNode.innerHTML = node.innerHTML;
  clonedFrag.appendChild(cloneNode);
});

Answer 1

是的，看起来可以。就像 Teemu 评论的那样，它是一个 Node。

const frag = document.createDocumentFragment();
const groupA = document.createElement("fieldset"); 
groupA.innerHTML = `
  <legend>Group A</legend>
  <p>🎱🎯🎲</p>`;
frag.append(groupA);

const clone = frag.cloneNode(true);
clone.querySelector('legend').textContent = `Group B`;

document.body.append(frag);
document.body.append(clone);