Changing div height according screen resolution javascript

Question

Here is the problem. I have

<div id="main"></div>

I want to check user resolution and change his height according user resolution, using javascript?

Javascript:

window.onload = function() {
    var height = screen.height
    document.getElementById(main).style.height = height;
};

I even try this:

window.onload = function() { 
    var height = screen.height 
    var ele = document.getElementById(main);
    if(ele.style.height == "auto") 
    {
            ele.style.height = height;
    }
    else {
        ele.style.height = height;
    }
}; 

Answer 1

If you want set the Screen Height:

var mainNode = document.getElementById("main");
mainNode.style.height = screen.height + "px";

Screen Avail Height

Screen Height

DOMElement Client Height

Screen height is different from client height (document.documentElement.clientHeight).