在Wordpress中向菜单项添加类

Question

我有菜单和物品。我想添加名称为“name”的标记类。我尝试使用：

var element = document.getElementById('myElement');
element.classList.add('myClass');

但标签没有任何ID或类。

它甚至可以使用Javascript？

<ul id="menu-main">
   <li id="menu-item">
      <a href="#">ODKAZ</a>
   </li>
</ul>

Answer 1

如果你真的想用javascript添加这个类，你可以这样做：

var element = document.getElementById('menu-item');
element.getElementsByTagName("a")[0].classList.add('js-target-scroll');

<ul id="menu-main">
  <li id="menu-item">
    <a href="#">ODKAZ</a>
  </li>
</ul>

但要注意，你所谈论的“onemenu”正在寻找这个css类，如果你之前没有运行自己的脚本，那么由于尚未添加类，这将无效。

如果您正在开发自己的主题，则可以使用自定义walker添加css级服务器端。

Answer 2

如果要为所有菜单项锚标记添加类，可以使用下面的代码。如果没有，请使用Esko在其答案和评论中建议的内容。

var menuItemLinks = document.querySelectorAll("#menu-main li a");

menuItemLinks.forEach(function(element) {
  element.classList.add("myClass");
});

<ul id="menu-main">
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
</ul>