javascript - How can I copy a block on one page to another page retaining css stylings? -

javascript - How can I copy a block on one page to another page retaining css stylings? -

say i've got 2 pages javascript can talk each other, via homecoming value of window.open(), or window.opener. pages can (and typically will) have different css rules.

i pick arbitrary node in dom heirachy of 1 page (say, div element). insert clone of other document, @ arbitrary (but legal) location in hierarchy.

now want create css rules maintain looking similar on new page. prefer minimal number of properties on css rules.

can doing kind of comparing of styles , computed styles on dom elements of both documents? help if remove classes elements temporarily, or otherwise modify them, can computed styles on elements "default" styles, , compare that?

http://jsfiddle.net/1ruvsqw1/1/

var e = document.getelementsbyclassname('test')[0], div = e.clonenode(true), newstyles = getcomputedstyle(e); document.body.appendchild(div); var existingstyles = getcomputedstyle(div); (var in existingstyles) { console.log(i, existingstyles[i]); if (newstyles[i] != existingstyles[i]) div.style[i] = newstyles[i]; }

just re-create computed styles on in for-in loop.

javascript html css