How to get clone elements of more than one specific classes list and append to another tag.

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]);          
    }

How to get clone elements of more than one specific classes list and append to another tag.

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]);          
    }

• javascript
• jquery

1 Answer 1

Assuming there are no same originl policy constrains, you can 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));
}