javascript - 如何使用JS向子元素添加类

我有一个导航菜单。我想将一个类作为.container添加到<ul>标记中，但是仅当该元素具有“ megamenu”类时。我该如何实现？因为我只有一个下拉菜单作为“巨型菜单”。

提前致谢。

最佳答案

您可以使用className来使用纯Javascript尝试以下代码，否则使用jQuery可以轻松地完成此操作。

//lets find the element with that class.
var menu = document.querySelectorAll('.megamenu');

// lets verify only one menu with '.megamenu'
if(menu.length == 1)
{
  //set the class
  menu[0].className = " " + "anotherClassName";
}

更新资料

我们需要将类应用于megamenu的子级

// lets verify only one menu with '.megamenu'
if(menu.length == 1)
{
  // set the class to the child '.container'
  // I'm expecting only one '.container' inside megamenu
  // if you have multiple and want apply for all use .querySelectorAll
  menu[0].querySelector('.container').className = " " + "anotherClassName";
}