Javascript 如何更改数组中存储的变量的类名?

Javascript 如何更改数组中存储的变量的类名?,javascript,html,css,Javascript,Html,Css,函数隐藏(){ var k=document.getElementsByClassName('menu-title'); 对于(变量i=0;i

函数隐藏(){
var k=document.getElementsByClassName('menu-title');
对于(变量i=0;i
ul{
列表样式:无;
}
.菜单标题{
/*左侧填充:2px*/
左:3倍;
不透明度:1;
颜色:红色;
能见度:可见;
/*显示:无*/
}
.单击后的菜单标题{
/*显示:无*/
可见性:隐藏;
不透明度:0;
颜色:绿色;
}

  • 标题1
  • 标题2
  • 标题3

隐藏/显示标题
我一直在使用的类列表更容易理解,而且很有效。检查这个

您还可以使用remove和add轻松处理类

已编辑:现在它没有给出console.log错误,并切换所有类

函数隐藏(){
var k=document.getElementsByClassName('menu-title');
对于(变量i=0;i
ul{
列表样式:无;
}
.菜单标题{
/*左侧填充:2px*/
左:3倍;
不透明度:1;
颜色:红色;
能见度:可见;
/*显示:无*/
}
.单击后的菜单标题{
可见性:隐藏;
不透明度:0;
}

  • 标题1
  • 标题2
  • 标题3
    • 隐藏/显示标题
函数隐藏(){
var k=document.getElementsByClassName('menu-title');
对于(var i=0;i
ul{
列表样式:无;
}
.菜单标题{
/*左侧填充:2px*/
左:3倍;
不透明度:1;
颜色:红色;
能见度:可见;
/*显示:无*/
}
.单击后的菜单标题{
/*显示:无*/
可见性:隐藏;
不透明度:0;
颜色:绿色;
}

  • 标题1
  • 标题2
  • 标题3

    • 隐藏/显示标题
很抱歉忘记在项目中使用jQuery进行更改,您不需要创建addClass、hasClass或removeClass,并且。。。