# Moving element in JS in an initializer?

**URL:** https://meta.discourse.org/t/moving-element-in-js-in-an-initializer/360330
**Category:** Development
**Created:** [April 4, 2025, 2:18am UTC](https://meta.discourse.org/t/moving-element-in-js-in-an-initializer/360330 "2025-04-04T02:18:55Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [April 4, 2025, 2:18am UTC](https://meta.discourse.org/t/moving-element-in-js-in-an-initializer/360330/1 "2025-04-04T02:18:55Z")

</div>

I have this piece of code:

In `javascripts/discourse/initializers`:

```js
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);
    }
  });
});

```

And yet, it does not move the button element into the sidebar. Am I doing something wrongly?

---

_[View the full topic](https://meta.discourse.org/t/moving-element-in-js-in-an-initializer/360330)._