javascript - 通过 insertAdjacentElement 而不是 "cutting"克隆元素

Question

我正在尝试将元素克隆到 DOM 中的新位置。我正在使用 insertAdjacentElement 但这似乎只是将它“剪切并粘贴”到一个新位置。是否可以克隆该元素？

document.getElementById('subNav').insertAdjacentElement(
  'afterbegin', 
  document.getElementById('main_0_columnb_0_PanelMenu')
);

Answer 1

您可以使用 cloneNode 方法复制和粘贴 html 元素，如下所示:

document.getElementById('subNav').insertAdjacentElement(
    'afterbegin', 
    document.getElementById('main_0_columnb_0_PanelMenu').cloneNode(true)
); 

如需进一步阅读，请参阅 here .传递给 cloneNode 的参数指示是只复制节点(浅复制)还是复制带有子节点的节点(深复制)。 true 代表深拷贝。