我想知道如何选择类名为"widget"和"hover"的所有元素,然后从这些元素中删除类"hover".
我有以下JavaScript代码,用于选择类"widget"和"hover"的所有元素:
var elements = document.getElementsByClassName('widget hover');
console.log(elements);
Run Code Online (Sandbox Code Playgroud)
这似乎工作并输出这样的东西(没有错误):
[div#.widget...
Run Code Online (Sandbox Code Playgroud)
问题是,如果我尝试删除类"悬停",我收到一个错误:
var elements = document.getElementsByClassName('widget hover');
console.log(elements);
elements.classList.remove("hover");
Run Code Online (Sandbox Code Playgroud)
这输出:
[item: function]
length: 0
Uncaught TypeError: Cannot call method 'remove' of undefined
Run Code Online (Sandbox Code Playgroud)
谁能告诉我我做错了什么?
请注意我在jQuery中使用它:
$('.widget.hover').removeClass('hover');
Run Code Online (Sandbox Code Playgroud)
...但我正在寻找纯JavaScript的解决方案.