كيفية نقل عنصر HTML داخل آخر باستخدام JavaScript؟

استخدام الطريقة appendChild و insertAdjacentElement

أنت محق: appendChild ينقل العنصر بالفعل إذا كان موجوداً في DOM — لا ينسخه، بل ينقله من مكانه القديم إلى الجديد. لذا يمكنك استخدامه مباشرة:

const item = document.getElementById('item');
const container = document.getElementById('container');
container.appendChild(item);

بعد هذا الكود، سيختفي العنصر من `parent1` ويظهر داخل `container`. أما `insertAdjacentElement` فيتيح لك التحكم في الموضع (قبل، بعد، بداية، نهاية).