Javascript 向Wordpress中的菜单项添加类

我有菜单上的菜。我想添加到名为的标记类。我尝试使用：

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>

---

如果您确实想使用javascript添加类，可以执行以下操作：

var元素=document.getElementById'menu-item'； 元素。GetElementsByTagname[0]。类列表。添加“js-target-scroll”；

---

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

var menuItemLinks=document.querySelectorAllmenu-main li a； menuItemLinks.forEachfunctionelement{ element.classList.addmyClass； };

---

如果父元素具有id作为示例，请查找父元素并导航到以添加该类。虽然在WordPress admin中已经有一个用于菜单项的css类字段。@Esko是的，但它是用于项的，而不是用于项的。您使用该类的目的是什么？如果您想在css中设置子a元素的样式，只需执行.myClass a{font size:2em}，因为onepage菜单，我需要添加到名为js target scroll的标记类中。但不知道如何操作。遗憾的是，感谢无法工作，因为：未捕获的TypeError:无法读取元素处null的属性“getElementsByTagName”。getElementsByTagName[0]。classList.add'js-target-scroll'；您是否使用示例代码中提供的相同id@帕特里克·什tolba@PatrikŠtolba这只意味着html中没有id菜单项的元素，或者您正试图在浏览器呈现该部分之前运行代码。我将此脚本放在页脚之前，现在它工作了，谢谢！：-