¿Cómo mover un elemento HTML dentro de otro usando JavaScript?

`. El problema es que después del movimiento, el elemento debe ser movido, no copiado, es decir, desaparecer del lugar antiguo y aparecer en el nuevo. Aquí está mi markup: ```html ``` Intenté usar `appendChild`, pero parece que solo funciona al crear nuevos elementos. Y si el elemento ya existe en el DOM, ¿se copia o se mueve? Además, ¿qué pasa con jQuery? Muchos recomiendan usar `.appendTo()`, pero quiero entender JavaScript puro. Por favor, indíquenme la forma correcta. ¡Gracias de antemano! <<>>

Uso de los métodos appendChild y insertAdjacentElement

Tiene razón: `appe