Как окрасить все дочерние элементы?

Question

[Артем Владиленко]

У меня есть дивы с классом 'day' их 31 штук. И когда я хочу окрасить их всех то окрашивается только первая. Как мне окрасить все дивы? Вот код:

document.querySelector('.day').style.backgroundColor = 'yellow'

Answer 1

[Иван Ерохин]

document.querySelectorAll('.day').forEach(function(elem){
     elem.style.background = 'yellow'
})

Answer 2

[Loli E1ON]

Answer 3

[Олег]

let arrDiv = document.querySelectorAll('.day')
for(let i=0;i<arrDiv.length;i++){
arrDiv[i].style.backgroundColor = 'yellow'
}

или

let arrDiv = document.querySelectorAll('.day')
arrDiv.forEach(element => element.style.backgroundColor = 'yellow');

Answer 4

[Никита Шинкевич]

querySelectorAll()

Comments

[Артем Владиленко]

Огромное спасибо. У меня после querySelectorAll() выдает ошибку:
Cannot set property 'background' of undefined
Не знаешь почему?
Знаю вопрос глупый но я только начинаю. Спасибо!

[Никита Шинкевич]

kurskiev_official, К сожалению такая же фигня, не силен... Погуглите "querySelectorAll() ошибка", выдаст может что. Выдает много... а может и подскажут тут. Я дуб дубом в этой теме.

[Артем Владиленко]

Никита Шинкевич, Все равно огромное спасибо!

[Никита Шинкевич]

kurskiev_official, ну тут просто логически: по вашему примеру он доходит до первого искомого элемента и стопорится, а надо отработать все, что есть на странице... С классами все это точно работает, а засада может быть в другой части скрипта вообще...