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

Question

[Alexander]

Здравствуйте, помогите с задачей...
Как обратиться к каждому элементу 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);
            }

Answer 1

[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

Comments

[Alexander]

Нужно чтобы массив работал вне цикла

[kocherman]

Александр Лисовский, ну дык я же вам точный код написал.
Можно вместо let dotlist написать this.dotList. Тогда будет доступен в любом методе объекта.

[kocherman]

Александр Лисовский, подписал внизу console.log()

[Alexander]

kocherman, так вот для чего нужен this, спасибо большое!)

[kocherman]

Александр Лисовский, прочитайте
https://learn.javascript.ru/object
https://learn.javascript.ru/object-methods
https://learn.javascript.ru/garbage-collection
https://learn.javascript.ru/symbol
https://learn.javascript.ru/object-toprimitive
https://learn.javascript.ru/constructor-new

[Alexander]

kocherman, спасибо за информацию

Answer 2

[Александр]

А что хотите сделать с элементом? Событие добавить? Так сразу в цикле добавляйте. Если надо когда-нибудь что-то с ним сделать, то тогда лучше в массив их сложить.

Comments

[Alexander]

Я хочу добавить навигацию для слайдера, вот создал цикл, который создает точки - равно количеству существующих слайдов. Дальше хочу первому элементу добавить активный класс и при смене слайда добавлять следующему. Думаю что понадобиться массив для этой задачи