Resizing a div and background with javascript

Question

I'm trying to change the height of my header div and its background based on the height of the screen.

Here is what I have so far:

function getScreenSize() {
"use strict";
var h = window.innerHeight;

document.getElementById("header").style.height = h;
}

and then I used onload with the body tag.

<body onload="getScreenSize()">

Here's the full site on js fiddle just in case.

thanks for your help.

Answer 1

使用JavaScript设置样式时，需要指定单位：

document.getElementById("header").style.height = h + 'px';  //added + 'px'