Avatar ·

Como mover um elemento HTML para dentro de outro usando JavaScript?

Olá a todos! Comecei a estudar JavaScript e me deparei com uma tarefa: preciso mover dinamicamente um bloco `
` para dentro de outro container `
`. O problema é que, após a movimentação, o elemento deve ser exatamente movido, não copiado — ou seja, desaparecer do local antigo e aparecer no novo.\n\nAqui está minha marcação:\n\n```html\n
\n
Eu sou o elemento que precisa ser movido
\n
\n
\n
Aqui deve ser inserido
\n
\n```\n\nTentei usar `appendChild`, mas parece que ele só funciona ao criar novos elementos. E se o elemento já existe no DOM — ele é copiado ou movido? E também: como fica com jQuery? Muitos recomendam usar `.appendTo()`, mas quero entender o JavaScript puro.