javascript - style.width 不适用于 innerWidth

我正在尝试使用 window.innerWidth 属性动态插入一个宽度等于页面宽度的 div。

它似乎不起作用，宽度自动设置为“0”。

提前致谢。

HTML

<body onload="lb()"></body>

function lb()
{
var h=window.innerHeight
||document.body.clientHeight
||document.documentElement.clientHeight;

var w=window.innerWidth
||document.body.clientWidth
||document.documentElement.clientWidth;

                    alert("Width: "+w+"\n"+"Height: "+h);

        var x=document.createElement("div");
        x.id="heder";
        x.style.width=w;
        x.style.height='150px';
        x.style.backgroundColor='#000000';
        x.style.position='absolute';
        x.style.margin='0px';
        x.style.padding='0px';

              document.body.appendChild(x);
}

示例 fiddle :http://jsfiddle.net/xyyUy/1

最佳答案

你忘记添加宽度值的“px”

应该是