How to move an element into another element?

Question

I would like to move one DIV element inside another. For example, I want to move this (including all children):

...

         


        

Answer 1

What about a JavaScript solution?

// Declare a fragment:
var fragment = document.createDocumentFragment();

// Append desired element to the fragment:
fragment.appendChild(document.getElementById('source'));

// Append fragment to desired element:
document.getElementById('destination').appendChild(fragment);

Check it out.