Push a DOM element down one level?

[Kevin Smith]

I want to take a document that contains a number of tables and wrap the
tables inside new elements. I have tried something similar to the
following:

tparent = table.parentNode;
wrapper = document.createElement('DIV');
wrapper.appendChild(table);
tparent.replaceChild(wrapper,table);

This doesn't seem to work though (tested in Safari).

 

[Lasse Reichstein Nielsen]

I want to take a document that contains a number of tables and wrap the
tables inside new elements. I have tried something similar to the
following:

tparent = table.parentNode;
wrapper = document.createElement('DIV');
wrapper.appendChild(table);

A DOM node can only have one parent. At this point, you *move* the
table into the wrapper ...

tparent.replaceChild(wrapper,table);

.... so it is no longer a child of tparent.

Try switching the operations:

tparent = table.parentNode;
wrapper = document.createElement('DIV');
tparent.replaceChild(wrapper,table);
wrapper.appendChild(table);

/L