Vanilla JavaScript equivalent to appendTo() in jQuery

Asked Aug 09 '22 at 12:16

Active Aug 09 '22 at 12:16

Viewed 36 times

I am struggling to find a solution to my current issue where I want to create a JavaScript equivalent to jQuery's .appendTo(). I can only see solutions where it's telling me to create a new div in vanilla JavaScript but my aim is to move an already existing div into another existing div.

<div class="button"></div>
<div class="container"></div>

jQuery(".button").appendTo(".container");

This works how I expect it to in the console but I'm hoping for a vanilla JavaScript equivalent to this solution if possible? Please can anyone help?

asked Aug 09 '22 at 12:16

kdsla123

1

Would this not suffice?: document.getElementsByClassName('container')[0].appendChild(document.getElementsByClassName('button')[0]); – Matt Kae Aug 09 '22 at 12:19
@MattKae that answered my question thank-you so much! – kdsla123 Aug 09 '22 at 12:24
Here's another way: https://jsfiddle.net/qen1h8cg/ – Aug 09 '22 at 12:24

Vanilla JavaScript equivalent to appendTo() in jQuery

0 Answers0