0

в консоли Cannot set properties of undefined (setting 'backgroundColor')

for (var i = 0 ; i < right.length; i++) {
   right[i].addEventListener('click' , function(){
       console.log('норм');
       right.style.backgroundColor = "red";
   } ) ; 
} 
9
  • Пожалуйста, уточните вашу конкретную проблему или приведите более подробную информацию о том, что именно вам нужно. В текущем виде сложно понять, что именно вы спрашиваете. 26 мар 2022 в 14:29
  • right это кнопка, в переменной содержится. пробовала и background и backgroundColor, не идёт всё равно, в чем дело может быть?
    – madina
    26 мар 2022 в 14:31
  • я все равно не могу понять для чего здесь цикл? и какой результат ожидается? 26 мар 2022 в 14:37
  • right если быть точнее, это массив кнопок, при нажатии меняется цвет. в массиве без цикла for addEventListener не работает. я пробовала также и с 1 элементом, но также выходит Cannot set properties of undefined (setting 'backgroundColor')
    – madina
    26 мар 2022 в 14:49
  • Судя по всему, right - это массив html элементов и вы забыли указать индекс. right[i].style.backgroundColor = "red";
    – xydope
    26 мар 2022 в 14:49

1 ответ 1

2

right - это, судя по всему, коллекция элементов. Если требуется изменить цвет элемента, по которому был клик, то следует взять его из аргумента функции-обработчика события:

let right = document.querySelectorAll('.box');

for (let i = 0; i < right.length; i++) {
  right[i].addEventListener('click', function(event) {
    event.target.style.backgroundColor = "red";
  });
}
.box {
  width: 50px;
  height: 50px;
  border: 1px solid green;
}
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.