JS: appendChild (Append Element as Child)

node.appendChild(newNode)

• Append newNode as child to node
• remove newNode from its original parent (if it has one), if both are in the same document.
• Return the appended newNode.

// get first paragraph
const xx = document.getElementsByTagName("p")[0];

// move it to bottom of body
document.body.appendChild(xx);

Copy and Append Node

To stop it from moving, you can make a clone first.

// get first paragraph
const xx = document.getElementsByTagName("p")[0];

// clone and add it to bottom of body
document.body. appendChild(xx.cloneNode(true));