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