Fatal编程技术网
  • javascript/
  • Javascript 将下划线导航按钮更改为div

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

javascript wordpress

Javascript 将下划线导航按钮更改为div,javascript,wordpress,underscores-wp,Javascript,Wordpress,Underscores Wp,我正在使用_s进行主题开发，我想将button标记更改为div标记，以便下拉按钮改为div。我更改为tag to div，并将navigation.js修改为div，其中它通过标记名调用元素： <nav id="site-navigation" class="main-navigation"> <div class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Menu&l

我正在使用_s进行主题开发，我想将button标记更改为div标记，以便下拉按钮改为div。我更改为tag to 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 -->
我没有更改任何类以避免自己的混淆，但似乎无法使其正常工作。

这对我很有效：

button=container.querySelectorAll（'menu-toggle'）[0]
这对我很有效：


button=container.querySelectorAll（'menu-toggle'）[0]


( 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];