相关疑难解决方法(0)

如何从纯JavaScript中的元素中删除一个类?

我想知道如何选择类名为"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的解决方案.

javascript getelementsbyclassname

54
推荐指数
6
解决办法
7万
查看次数

标签 统计

getelementsbyclassname ×1

javascript ×1