I would like to know how to select all elements with class names "widget" and "hover" and then remove class "hover" from these elements.

I have the following JavaScript code that selects all elements with class "widget" and "hover":

```
var elements = document.getElementsByClassName('widget hover');
console.log(elements);

```

This seems to work and outputs something like this (with no errors):

```
[div#.widget... 

```

The problem is that if I try to remove the class "hover", I get an error:

```
var elements = document.getElementsByClassName('widget hover');
console.log(elements);
elements.classList.remove("hover");

```

This outputs:

```
[item: function]
length: 0
Uncaught TypeError: Cannot call method 'remove' of undefined 

```

Can anyone tell me what I'm doing wrong? 

Please note that I have it working in jQuery:

```
$('.widget.hover').removeClass('hover');

```

... but I'm looking for a solution in pure JavaScript.