هل يمكن تحريك عنصر في JS داخل مُهيئ؟

{“type”:“object”,“properties”:{“translation”:"لدي هذا الجزء من الكود:

في javascripts/discourse/initializers:

import { apiInitializer } from \"discourse/lib/api\";
import CustomHeaderTopicButton from \"../components/custom-header-topic-button\";

export default apiInitializer((api) => {
  api.renderInOutlet("below-site-header", CustomHeaderTopicButton);
  
  document.addEventListener("DOMContentLoaded", function() {
    const newTopicBtn = document.getElementById("new-topic-button");
    const sidebar = document.getElementById("d-sidebar");
    if (newTopicBtn && sidebar) {
      sidebar.insertBefore(newTopicBtn, sidebar.firstChild);
    }
  });
});

ومع ذلك، فإنها لا تنقل عنصر الزر إلى الشريط الجانبي. هل أرتكب شيئًا بشكل خاطئ؟"}}

إذا كنت تحاول إضافة زر داخل الشريط الجانبي في الأعلى، فسأستخدم منفذ المكون الإضافي before-sidebar-sections بدلاً من ذلك.

لا يبدو أن نقل HTML الذي تم إنشاؤه بواسطة Ember فكرة جيدة.

هذا… موجود؟؟ واو، شكرًا لك.