изменить отображение (.display) класса элементов из JavaScript

В моем html-документе есть кнопка с привязанной функцией и несколько элементов с class="hide example". В CSS для класса hide прописано display: none. Нужно, чтобы при нажатии кнопки у элементов класса example отображение менялось на display: table-row. Попробовал такой вариант:

const elements = document.querySelectorAll('example');
  alert(elements);
  elements.forEach(element => {
    alert('in cycle');
    element.style.display = "table-row";
  });

Ошибка в консоли не отображается, alert(elements) сообщает о создании [object NodeList] но отображение не изменяется и alert('in cycle') не срабатывает, как-будто я не захожу в цикл forEach. Подскажите, пожалуйста, в чем моя ошибка и как добиться желаемого эффекта?