Как изменить CSS, используя document.getElementsByClassName в машинописи

Question

Я хочу установить стиль верхней части для некоторых элементов, используя машинопись

for(var i=0; i< document.getElementsByClassName('calendar-event').length; i++){
        document.getElementsByClassName('calendar-event')[i].style.top = 50*i;
    }

Это возвращает ошибку. Свойство 'style' не существует в элементе типа. Как заставить это работать в машинописи??

Answer 1

Вы можете использовать setAttribute, как показано ниже

for(var i=0; i< document.getElementsByClassName('calendar-event').length; i++){
                var div = document.getElementsByClassName('calendar-event')[i]
                div.setAttribute("style","top:"+50*i+"px");
            }