从数组中删除javascript中的类名
我正在学习javascript。所以,要从元素中删除类 我们使用从数组中删除javascript中的类名,javascript,html,Javascript,Html,我正在学习javascript。所以,要从元素中删除类 我们使用element.classList.remove(“mystyle”)但要从数组中删除,我的导师正在使用另一种方法,我没有见过这种方法,这让我很困惑: var el=document.querySelectorAll('.myClass'); 对于(变量x=0;x
element.classList.remove(“mystyle”)
但要从数组中删除,我的导师正在使用另一种方法,我没有见过这种方法,这让我很困惑:
var el=document.querySelectorAll('.myClass');
对于(变量x=0;x
.box1{
背景色:浅绿色;
字号:1.5em;
颜色:#fff;
}
.box2{
背景色:红色;
字体大小:0.5em;
颜色:#ddd;
}
#一,,
#二,,
#三{
宽度:100px;
高度:100px;
显示:内联块;
边框:1px纯黑;
}
.主动{
背景颜色:黄色;
}
完成JavaScript课程
方框一
方框二
方框三
类列表是一个对象,因此包含键/值对,要访问javascript中的值,可以执行classList.key
或classList[“key”]
。他们会得到同样的东西
classList.remove
和classList[“remove”]
是同一个函数,因此您可以调用classList[“remove”](“active”)
就像调用classList.remove(“active”)一样
在JavaScript中,有两种方法可以访问对象bar
的名为foo
的属性:bar.foo
或bar['foo']
。它们的作用完全相同。函数也是属性!所以bar.foo()
也可以写成bar['foo']()
。后者的优点是,“foo”
不再是程序中的标识符;它实际上可以是一个来自变量的值
因此,通过以这种方式编写upClass
,您可以为参数a
传递add
或remove
,因此该函数可以用于这两种操作
例如,如果我们打电话
upClass(document.getElementsByClassName('myClass'), 'active', 'remove')
然后classList[a]
与classList['remove']
相同,后者与classList.remove相同,因此classList[a](c)
只需调用classList.remove('active')
在我看来,这个函数太“聪明”,特别是当它是用于教学的时候。这让我想起了一句著名的格言:
调试的难度是编写程序的两倍。因此,如果您在编写它时尽可能聪明,您将如何调试它
还有,单字母函数参数名?啊