Как добавить тень картинкам через js?

Question

[tosster22]

Как добавить тень картинкам через js?

document.querySelectorAll('img').boxShadow = '0 0 10px rgba(0,0,0,0.5)';

Подскажите, где ошибка?

Comments

[Владимир Проскурин]

Вы заставляете пользователей не думать над вашим ответом, а гадать, что же вы имели ввиду. Опишите конкретно, что за тень вы хотите добавить картинке, и почему через js.

[tosster22]

Владимир Проскурин, задача обучающая. любая тень добавляется всем картинкам на странице. через js потому что учу js))

[Владимир Проскурин]

tosster22, ну вот вы дополнили вопрос, и стало совсем все по другому.

Answer 1

[Владимир Проскурин]

Этот код не работает

document.querySelectorAll('img').boxShadow = '0 0 10px rgba(0,0,0,0.5)';

потому, что document.querySelectorAll('img') получает список элементов, и по этому списку нужно еще пройтись. И не boxShadow, а style.boxShadow
UPD: вот так

let els = document.querySelectorAll('img');

Array.prototype.forEach.call(els, function(el) {
	el.style.boxShadow = '0 0 10px rgba(0,0,0,0.5)';
});

Comments

[tosster22]

пройтись через foreach?

[Владимир Проскурин]

tosster22, дополнил ответ

[tosster22]

Разобрался. спасибо

[Виктор Л]

Владимир Проскурин ну опять Вы все за человека сделали :(

[tosster22]

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

Answer 2

[Виктор Л]

получите все картинки на странице document.querySelectorAll('img') или определенные по по классу в цикле обойдите их и добавьте им нужный стиль с тенью

Comments

[tosster22]

document.querySelectorAll('img').boxShadow = '0 0 10px rgba(0,0,0,0.5)';

Подскажите, где ошибка?

[Виктор Л]

document.querySelectorAll('img') вернет все картинки тебе результат лучше поместить в массив а потом перебрать массив и уже тогда добавить стиль

var myElements = document.querySelectorAll(".bar");

for (var i = 0; i < myElements.length; i++) {
	myElements[i].style.opacity = 0;
}

Answer 3

[ParaBellum577]

Добавить стиль с box-shadow к элементу?...