javascript - 如何获取queryselectorall的克隆元素并附加到另一个div

Question

如何获取多个特定类列表的克隆元素并附加到另一个标签。

var elements = document.getElementById('main_iframe').contentDocument.querySelectorAll(".optdel, .optbold");
var editsummary = document.getElementById("opteditsum");

    for (var i=0, im=elements.length; im>i; i++) {                        
      editsummary.appendChild(elements[i]);          
    }

Answer 1

假设没有 same originl policy约束，你可以clone the node

var elements = document.getElementById('main_iframe').contentDocument.querySelectorAll(".optdel, .optbold");
var editsummary = document.getElementById("opteditsum");

for (var i = 0, im = elements.length; im > i; i++) {
    editsummary.appendChild(elements[i].cloneNode(true));
}