Приветствую. Помогите разобраться вот в какой вещи. В голове не

Question

Приветствую. Помогите разобраться вот в какой вещи. В голове не

укладывается. Есть код:
var acc = document.getElementsByClassName("accordion");

for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
/* Toggle between adding and removing the "active" class,
to highlight the button that controls the panel */
this.classList.toggle("active");

Получается, html дерево, это объект (или массив), элементы которого мы можем итерировать?

Вот пример того, как сделал я:

const accordion = document.querySelector('.accordion');
const title = document.querySelector('h1');

title.addEventListener('click', function () {
accordion.classList.toggle('show');
})

title.addEventListener('keydown', function (event) {
event.preventDefault();

if(event.code == 'Tab') {
accordion.classList.toggle('show')
}
})

Объясните, зачем в примере реализуют аккордеон через цикл for?

upd: Правильная ли у меня реализация?

#javascript #programming #russian

0

31.10.2021

6 ответов

28 просмотров

Фёдор Автор вопроса

Alhimik [frozen]
> это объект (или массив) Массивоподобный объект, ...

Получается, если брать вот этот вариант: -> "Можно повесить один листенер на родителя и внутри колбэка определять на кого кликнули." То это надо отлавливать событие через event.target?

0

31.10.2021

Alhimik [frozen]

Фёдор
Получается, если брать вот этот вариант: -> "Можно...

+

0

31.10.2021

Фёдор Автор вопроса

Alhimik [frozen]
+

Какой вариант наиболее предпочтительный через event.target или же через for?

0

31.10.2021

Alhimik [frozen]

Фёдор
Какой вариант наиболее предпочтительный через even...

Кто как делает. Я использую вариант где один слушатель.

0

31.10.2021

Фёдор Автор вопроса

Alhimik [frozen]
Кто как делает. Я использую вариант где один слуша...

Принял. :D

0

31.10.2021

Alhimik [frozen] · Accepted Answer

> это объект (или массив) Массивоподобный объект, по которому можно итерироваться. Можно вешать листенеры на каждый элемент, тогда нужно использовать цикл. Можно повесить один листенер на родителя и внутри колбэка определять на кого кликнули.

169 похожих чатов

Приветствую. Помогите разобраться вот в какой вещи. В голове не

6 ответов

Похожие вопросы