Как показать/скрыть элемент по классу?

Question

[Евгений Иванов]

На странице есть множество элементов (тегов) с классом myclass. Они видимы.
Есть ссылка - "Скрыть элементы".
По клику на ссылку, все элементы с классом myclass, должны быть скрыты. А ссылка изменить своё название на "Показать элементы".
По клику на эту ссылку, все элементы с классом myclass должны снова стать видимыми.
А ссылка изменить своё название на первоначальное - "Скрыть элементы".

Что то вроде этого
https://jsfiddle.net/Lgf705zr/
Странно, но замена getElementById на getElementsByClassName не сработала. Или я где-то ошибся.

Как это осуществить?

Comments

[Cyber_bober]

прочитайте что такое делегирование. https://learn.javascript.ru/event-delegation

Вам нужен контейнер для ссылки и блока, допустим это li, тогда по клику определяйте класс элемента, на который кликнули, а после через this обращайтесь к блоку и показывайте его. Текст можно менять через innerText

Answer 1

[fetis26]

Потому что getElementsByClassName возвращает массив элементов и нужно пробегаться по каждому.