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

Share Improve this question Follow edited Jul 6, 2017 at 13:53 Cœur 38.8k2525 gold badges206206 silver badges279279 bronze badges asked May 9, 2015 at 5:46 SmilaSmila 1,14099 silver badges1616 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

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