Esta pregunta ya tiene una respuesta aquí:

Actualmente estoy teniendo problemas con la propiedad getElementsByClassName. Tengo una función de mostrar y ocultar que muestra un botón cuando se desplaza sobre el productohaga clic aquí He habilitado esta función utilizando la propiedad getElementById, pero debido a que quiero duplicar esta función utilizando una clase es una mejor práctica. ¿Está el código debajo de la forma correcta de solucionar este problema usando la función ClassName JS?

Además, he estado leyendo que getElementsByClassName no es compatible con IE8. ¿Esto es cierto y hay una manera de solucionarlo?

  <script>    
  function show(viewProductBtn){
document.getElementByClassName(viewProductBtn).style.visibility = "visible";
}

function hide(viewProductBtn) {
document.getElementByClassName(viewProductBtn).style.visibility = "hidden";
}
</script>

<!--HTML-->
<div class="product-shot-bg" onMouseOver="show('viewProductBtn')"      onMouseOut="hide('viewProductBtn')">
        <a href="#" class="viewProductBtn"></a>

En este momento, he vuelto a cambiar mi sitio dev a getByID para demostrar cómo debería funcionar la transición.