How to style css top using javascript

Question

I'm trying to set top using java script. I logged the top of the menu after adding top style, but it does not work.

How to style top using js??

Here is my codes

const top = (document.getElementById(element).offsetTop);

top is a number not String

document.getElementById('contentMenu').style.top = top.toString();
    
console.log("menu" +document.getElementById('contentMenu').style.top);   //output: menu

You need to add a unit to the the value you're assigning. For example px, em or %. — Emiel Zuurbier
– Emiel Zuurbier, Commented Sep 26, 2021 at 16:57
If top variable in your script is global, then it refers to the topmost browser window. window.top is a non-configurable DOM property, you should see an error on the line const top = .... — Teemu
– Teemu, Commented Sep 26, 2021 at 17:12

gugateider · Accepted Answer · 2021-09-26 16:56:12Z

1

const top = document.getElementById(element).getBoundingClientRect().top;
document.getElementById('contentMenu').style.top = `${top}px`;
console.log(document.getElementById('contentMenu').style.top)

answered Sep 26, 2021 at 16:56

gugateider

2,0872 gold badges15 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

How to style css top using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related