How to add JavaScript variable as CSS value in javaScript

Question

I am trying to put footer at bottom.I get screen height by js and put this value in a variable. Now i want to put this variable in css height.(How can i apply height 700px to heightscr, please see code below) Thanks

<script type="text/javascript">
    function footerlocation(){
        var heightscr=(screen.availHeight); 

        var myElement = document.querySelector(".container");
        myElement.style.height = "700px";
        myElement.style.backgroundColor = "#ff0000";        
    }
  </script>

Note that the () you have around screen.availHeight don't do anything. — T.J. Crowder
– T.J. Crowder, Commented Jan 27, 2017 at 12:32
I am unsure if screen.availHeight does anything at all. You give anything in JS a value with an = operator. LHS (left hand side) becomes what follows the operator, so: myelement.height = heightscr would make myelement's height property the value of heighsc variable. — Dellirium
– Dellirium, Commented Jan 27, 2017 at 12:33

T.J. Crowder · Accepted Answer · 2017-01-27 12:32:15Z

2

String concatenation:

myElement.style.height = heightscr + "px";

answered Jan 27, 2017 at 12:32

community wiki

T.J. Crowder

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

1 Comment

Ajay Kumar Over a year ago

Thanks T.J. Crowder for help me.I got what i want. Thnks

Collectives™ on Stack Overflow

How to add JavaScript variable as CSS value in javaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related