Diese Frage hat hier bereits eine Antwort:

Ich habe derzeit ein Problem mit der Eigenschaft getElementsByClassName. Ich habe eine Ein- und Ausblendfunktion, die eine Schaltfläche anzeigt, wenn Sie den Mauszeiger über das Produkt haltenKlick hier Ich habe diese Funktion mit der Eigenschaft getElementById aktiviert, aber da ich diese Funktion mithilfe einer Klasse duplizieren möchte, ist dies eine bessere Vorgehensweise. Ist der folgende Code der richtige Weg, um dieses Problem mithilfe der ClassName JS-Funktion zu beheben?

Außerdem habe ich gelesen, getElementsByClassName wird in IE8 nicht unterstützt. Ist dies wahr und gibt es eine Möglichkeit, dies zu umgehen?

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

zur zeit habe ich meine dev-seite wieder auf getByID umgestellt, um zu demonstrieren, wie der umstieg funktionieren soll ..