Remove classes of li having id

This is my html. I want to remove 2 classes of given li id.

<ul id="menu-dd" class="fusion-menu">
  <li id="menu-item-798" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-798" data-item-id="798">
    <a href="#businesses" class="fusion-bar-highlight" style="height: 118px;">
      <span class="menu-text">Businesses</span>
    </a>
  </li>
  <li id="menu-item-3887" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3887" data-item-id="3887">
    <a href="#about-us" class="fusion-bar-highlight" style="height: 118px;">
      <span class="menu-text">About Us</span>
    </a>
  </li>
  <li id="menu-item-3890" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3890" data-item-id="3890">
    <a href="/our-story/" class="fusion-bar-highlight" style="height: 118px;">
      <span class="menu-text">Our Story</span>
    </a>
  </li>
  <li id="menu-item-3889" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-3889" data-item-id="3889">
    <a href="#ourvalues" class="fusion-bar-highlight" style="height: 118px;">
      <span class="menu-text">Our Values</span>
    </a>
  </li>
</ul>

This my Javascript. What am I doing wrong?

<script>
window.addEventListener("load", function(){
  var element = document.getElementById("menu-item-3889");
  element.classList.remove("current_page_item", "menu-item-home");

});
</script>

Comments

[veronika]

or you can try to replace it with empty space
document.getElementById("menu-item-3889").className = document.getElementById("menu-item-3889").className.replace(new RegExp('(?:^|\\s)'+ 'current_page_item' + '(?:\\s|$)'), ' ');

[veronika]

try

document.querySelector('#menu-item-3889')

instead?

[Ahsan Najam]

Sorry, my code was working fine. This code also works fine.