This question already has an answer here:

What do querySelectorAll and getElementsBy* methods return? 9 answers

В настоящее время у меня проблема со свойством getElementsByClassName. У меня есть функция показать и скрыть, которая отображает кнопку при наведении курсора на продукткликните сюда Я включил эту функцию, используя свойство getElementById, однако из-за того, что я хочу дублировать эту функцию, используя класс, это лучшая практика. Является ли приведенный ниже код правильным способом решения этой проблемы с помощью функции ClassName JS?

Также я читал, что getElementsByClassName не поддерживается в IE8, так ли это, и есть ли способ обойти это?

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

в настоящее время я переключил сайт my dev обратно на getByID, чтобы продемонстрировать, как должен работать переход.