axrising
@axrising

Как обратиться к элементу который создан в цикле?

Здравствуйте, помогите с задачей...
Как обратиться к каждому элементу dot вне цикла? Может стоит использовать другой вид цикла JS?
Или добавить все эти элементы в массив, а потом перебирать?
Буду благодарен за помощь

for (let i = 0; i < this.slides.length; i++) {
                const dot = document.createElement('div');
                dot.className = 'dot';
                const contDot = document.querySelector('.slide_dots');
                contDot.append(dot);
            }
  • Вопрос задан
  • 454 просмотра
Решения вопроса 1
kocherman
@kocherman
let dotContainer = document.querySelector('.slide_dots');
let dotList = [... this.slides].map(slide => {
  const dot = document.createElement('div');
  dot.classList.add('dot');
  dotContainer.appendChild(dot);
  return dot;
});
console.log( dotList );   //  [ <div></div>, <div></div>, <div></div>, ... ]

Дальше в массиве dotList будут ссылки на все элементы dot
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Seasle
@Seasle Куратор тега JavaScript
А что хотите сделать с элементом? Событие добавить? Так сразу в цикле добавляйте. Если надо когда-нибудь что-то с ним сделать, то тогда лучше в массив их сложить.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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