如何获取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)); 
}