[JavaScript] How to clone (and restore) a DOM subtree

[Q] I would like to modify a DOM subtree and restore it after a while. How can I save a sub-tree copy aside (to play with the actual subtree)? How can I restore the saved copy afterwards?

[A] If I'm reading this right, then I think all you'd need to do is:

var DomTreeCopy = $('parentElementSelector').clone(true,true);

And then to re-attach the DomTreeCopy (in place of the original):

$('parentElementSelector').replaceWith(DomTreeCopy);

Or to add it to the DOM in addition to the original:

$(DomTreeCopy).insertAfter($('parentElementSelector'));

References:

• clone().
• insertAfter().
• replaceWith().

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

[출처] https://stackoverflow.com/questions/8702165/how-to-clone-and-restore-a-dom-subtree