How to change css using document.getElementsByClassName in typescript

Question

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??

Sameera R. · Accepted Answer · 2021-10-13 05:59:28Z

4

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");
}

edited Oct 13, 2021 at 5:59

Sameera R.

4,6402 gold badges39 silver badges53 bronze badges

answered Dec 23, 2016 at 8:27

Aami

663 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user663031 Over a year ago

Why would you not fix the code so as not to call getElementsByClassName over and over again/

Sameera R. Over a year ago

removed the duplication.

Collectives™ on Stack Overflow

How to change css using document.getElementsByClassName in typescript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related