javascript - 将下划线导航按钮更改为 div

Question

我正在使用_s进行主题开发，我想将按钮标签更改为div标签，以便下拉按钮是div。我将 tag 更改为 div 并将 navigation.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];