Изменение подчеркивания навигационной кнопки на div

Question

Я использую _s для разработки темы, и я хочу изменить тег кнопки на тег div, чтобы вместо этого выпадающая кнопка была div. Я изменил тег на div и изменил навигацию.js на div, где он вызывает элемент по имени тега:

<nav id="site-navigation" class="main-navigation">
        <div class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Menu</div>
        <?php
            wp_nav_menu( array(
                'theme_location' => 'menu-1',
                'menu_id'        => 'primary-menu',
            ) );
        ?>
    </nav><!-- #site-navigation -->

а также:

( function() {
var container, button, menu, links, i, len;

container = document.getElementById( 'site-navigation' );
if ( ! container ) {
    return;
}

button = container.getElementsByTagName( 'div' )[0];
if ( 'undefined' === typeof button ) {
    return;
}

menu = container.getElementsByTagName( 'ul' )[0];

Я не изменил ни одного класса, чтобы избежать путаницы для себя, но не могу заставить это работать.

Answer 1

Это сработало для меня:

button = container.querySelectorAll('menu-toggle')[0];