getElementsByClassName para cambiar el estilo de los elementos cuando ocurre un evento [duplicado]

Esta pregunta ya tiene una respuesta aquí:

¿Qué devuelven los métodos querySelectorAll y getElementsBy *? 9 respuestas

Estoy tratando de usar

 onmouseover="document.getElementsByClassName().style.background='color'"

para cambiar el color de todos los divs con un nombre de clase dado a otro color al pasar sobre otro elemento de la página.

Aquí hay un jsfiddle: si alguien pudiera dar algunos consejos útiles sobre dónde voy a ir mal, sería genial, estoy seguro de que es algo muy obvio que me estoy perdiendo. Funcionó con document.getElementById, pero eso solo cambió el color del primer div, no todos ellos.

Gracias :)

Respuestas a la pregunta(1)

Su respuesta a la pregunta