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添加类，则可以执行以下操作：

import React from 'react';
import { Button } from 'semantic-ui-react'
import semantic from 'semantic-ui-css/components/button.min.css'

export default class Test extends React.Component {
  render(){
    return (
        <Button className={[semantic.ui, semantic.button]}>Click Here</Button>
      )
  }
}

ui button button-min_ui__14RRq button-min_button__Uio9b

但是请注意，您正在谈论的“ 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>

在Wordpress中将类添加到菜单项

2 个答案: