DocumentFragment.moveBefore()

The moveBefore() method of the DocumentFragment interface moves a given Node inside the invoking DocumentFragment as a direct child, before a given reference node.

The moveBefore() method moves a given node to a new place in the DocumentFragment. It provides similar functionality to the Node.insertBefore() method, except that it doesn’t remove and then reinsert the node. This means that the state of the node (which would be reset if moving it with insertBefore() and similar mechanisms) is preserved after the move. This includes:

Animation and transition state. iframe loading state. Interactivity states (for example, :focus and :active). Fullscreen element state. Open/close state of popovers. Modal state of dialog elements (modal dialogs will not be closed).