getelementsbyclassname

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")

First, sorry for my bad English... I wrote a function to change the class of elements to change their properties. For some reason, only some of the elements have changed, it took me a few hours to find a solution, but he seems odd to me, perhaps you can explain to me. function replace(){ var elements = document.getElementsByClassName('classOne'); for (var i=0; i<elements.length;i++) { elements[i].className = 'classTwo'; } } not working as well, Demo here , [on chrome 25 and FF], So I took the loop coefficient: function replace(){ var elements = document.getElementsByClassName('classOne'); for

Alright, I've dabbled in JavaScript before, but the most useful thing I've written is a CSS style-switcher. So I'm somewhat new to this. Let's say I have HTML code like this: <div id="foo"> <div class="bar"> Hello world! </div> </div> How would I change "Hello world!" to "Goodbye world!" ? I know how document.getElementByClass and document.getElementById work, but I would like to get more specific. Sorry if this has been asked before. Well, first you need to select the elements with a function like getElementById . var targetDiv = document.getElementById("foo").getElementsByClassName("bar")[0]