DOM: .appendChild
node.appendChild(new_node)
Append new_node as child to node, but also remove new_node from its original parent (if it has one), if both are in the same document.
Return the appended new_node.
// get first paragraph const fp = document.getElementsByTagName("p")[0]; // move it to bottom of body document.body.appendChild(fp);
You can copy the above code and test it in browser console.
Copy and Append Node
To stop it from moving, you can make a clone first.
// get first paragraph const fp = document.getElementsByTagName("p")[0]; // clone and add it to bottom of body document.body. appendChild(fp.cloneNode(true));
Note: cloneNode
makes a copy.
back to DOM: Basic DOM Methods