CODEWITHSUNDEEP
javascriptgetelementsbyclassname
Severus
Severus

Reputation: 71

How to change css using document.getElementsByClassName in typescript

I want to set style top for some elements using typescript

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

This returns error Property 'style' does not exist on type element. How to make this work in typescript??

Upvotes: 1

Views: 4586

Answers (1)

Aami
Aami

Reputation: 66

You can use setAttribute as below

let elemets = document.getElementsByClassName('calendar-event');

for(var i=0; i< elements.length; i++){
   var div = elements[i]
   div.setAttribute("style","top:"+50*i+"px");
}

Upvotes: 4

Related Questions