How to move an element into another element with JavaScript?

Spread the love

Sometimes, we want to move an element into another element with JavaScript.

In this article, we’ll look at how to move an element into another element with JavaScript.

How to move an element into another element with JavaScript?

To move an element into another element with JavaScript, we can use a fragment.

For instance, we write

const fragment = document.createDocumentFragment();
fragment.appendChild(document.getElementById("source"));
document.getElementById("destination").appendChild(fragment);

to call createDocumentFragment to create a document fragment.

Then we call fragment.appendChild to append an element as the last child of the fragment.

Then we use

document.getElementById("destination").appendChild(fragment)

to append the fragment to the element with ID destination.

Conclusion

To move an element into another element with JavaScript, we can use a fragment.

Leave a Reply

Your email address will not be published.