Я хотел бы знать, как выбрать все элементы с именами классов "widget" и "hover", а затем удалить класс "hover" из этих элементов.
У меня есть следующий код Javascript, который выбирает все элементы с помощью класса "widget" и "hover":
var elements = document.getElementsByClassName('widget hover');
console.log(elements);
Кажется, что это работает и выводит что-то вроде этого (без ошибок):
[div#.widget...
Проблема в том, что если я попытаюсь удалить класс "hover", я получаю сообщение об ошибке:
var elements = document.getElementsByClassName('widget hover');
console.log(elements);
elements.classList.remove("hover");
Выводится:
[item: function]
length: 0
Uncaught TypeError: Cannot call method 'remove' of undefined
Может ли кто-нибудь сказать мне, что я делаю неправильно?
Обратите внимание, что я работаю в jQuery:
$('.widget.hover').removeClass('hover');
... но я ищу решение в чистом Javascript.
Спасибо за любую помощь.