Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从数组中删除javascript中的类名_Javascript_Html - Fatal编程技术网

从数组中删除javascript中的类名

从数组中删除javascript中的类名,javascript,html,Javascript,Html,我正在学习javascript。所以,要从元素中删除类 我们使用element.classList.remove(“mystyle”)但要从数组中删除,我的导师正在使用另一种方法,我没有见过这种方法,这让我很困惑: var el=document.querySelectorAll('.myClass'); 对于(变量x=0;x

我正在学习javascript。所以,要从元素中删除类 我们使用
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')

在我看来,这个函数太“聪明”,特别是当它是用于教学的时候。这让我想起了一句著名的格言:

调试的难度是编写程序的两倍。因此,如果您在编写它时尽可能聪明,您将如何调试它

还有,单字母函数参数名?啊