javascript — конвертирует прототип JS в ванильный JS

Конвертировать Prototype JS в ванильный JS.

У меня есть следующий фрагмент JS / prototypeJS, который я хотел бы написать полностью на JS. Я хочу щелкнуть элемент (один из нескольких элементов с таким же классом — faq-container ) и добавить определенный класс (в данном случае faq-display ) и добавить этот класс только в родительский контейнер ( faq-block ).

Я понимаю, что чистая функция JS как-то связана с .parent.addClass но не могу найти подходящий пример для моей ситуации.

Линии-прототипы:

faqContainers[i].addEventListener('click', function(e) { и

var faqToggle = e.target.up('.faq-block');

Файл сценария:

 var faqContainers = document.getElementsByClassName('faq-container'); for (var i = 0; i {amp}lt; faqContainers.length; i  ) { faqContainers[i].addEventListener('click', function(e) { var faqToggle = e.target.up('.faq-block'); if (faqToggle.classList.contains('faq-display')) { faqToggle.classList.remove('faq-display'); } else { faqToggle.classList.add('faq-display'); } }); } 

Большое спасибо действительно!

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector