How to add an HTML element found by ID to the body?

I want to add an DOM element that is found by ID into the body tag and remove all ewxisting body nodes.

My solution does not work:

var ele = document.getElementById("email");
document.body.innerHTML = ele;

>Solution :

This:

document.body.innerHTML = ele;

Will interpret ele as a string and write that string to the document body. That string is going to be something like "[object HTMLDivElement]" (may differ by browser).

and remove all ewxisting body nodes

It sounds like you’re looking for document.body.replaceChildren() then? For example:

var ele = document.getElementById("email");
document.body.replaceChildren(ele);

<div>test 1</div>
<div id="email">test 2</div>
<div>test 3</div>