Как обратится к стилю элемента ,если у меня целый массив этих элементов?

Question

[VegasChickiChicki]

Задача следующая:
На странице есть фотографии , к ним применен стиль position: absolute ,фотографии разного размера и что бы их центрировать ,я решил в JS найти ширину фотографии ,отнять от общий ширины страницы ,поделить на два и задать получившееся значение как отступ слева (left: x).
У меня есть массив из фотографий ,мне нужно по очереди обратится к каждой и изменить ей стиль.
Вот пример того к чему я пришел на данный момент.
var Image = document.querySelectorAll(".photos img");
for (let i=0; i < Image.length; i++) {
А как в цикле обратится к стилю left , я что-то не могу понять (
};

Comments

[Moskus]

Это будет костыль. Лучше переделайте вёрстку, чтобы фото были в контейнерах одинакового размера, а уже внутри контейнера они выравнивались.

[VegasChickiChicki]

Moskus, Дело в том ,что я не понимаю как это реализовать. Я хочу сделать слайдер и мне приходится изображениям задавать position: absolute, но фото разного размера и мне не удается их отцентрировать (

[romasovest]

for (let i=0; i < Image.length; i++) {
Image[i].style.width = '500px';
};

Но это рил костыли, лучше начать с более низкоуровневых проблем. Попробуй использовать display flex со всеми вытекающими.

[VegasChickiChicki]

romasovest, Решил проблему ,без этого костыля ,но все равно спасибо за ответ ,в будущем пригодится )

[0xD34F]

VegasChickiChicki,

Решил проблему

Либо напишите ответ, где будет рассказано как вы это сделали, либо удалите вопрос.

[VegasChickiChicki]

0xD34F, Разобрался в верстке. Что бы центрировать несколько разных по размеру объектов у которых параметр position: absolute ,я задал параметры
margin: auto
left: 0
top: 0
bottom: 0
right: 0