how to get and set position of elements with java script dynamically?

Question

i have 3 elements. one fixed on top of the called header ,another fixed on bottom of page footer,i want my third elements top equal to bottom of header element and the bottom of it equal to top of ther footer element

Answer 1

You need to define the element width and height first and position to fixed in CSS. And you cant use style function to get the bottom position.
You need getBoundingClientRect() function.

Here you go...

https://code.sololearn.com/W7g2opzmGB8K/?ref=app

Answer 2

The better way is use HTML and CSS. You don't need JavaScript.

Answer 3

i want do it dynamically

Answer 4

Define dynamically in this case. you mentioned "fixed on.."

Answer 5

https://code.sololearn.com/W0bxvzON27A9/?ref=app

Answer 6

i wrote this but it doesn't work