小编svt*_*skl的帖子

我正在尝试使用javascript创建一个棋盘并用它创建64个div.
问题是,它只创建了第一个div.
这是代码:

div {
    width: 50px;
    height: 50px;

    display: block;
    position: relative;
    float: left;
}

<script type="text/javascript">
    window.onload=function()
    {
        var i=0;
        var j=0;
        var d=document.createElement("div");

        for (i=1; i<=8; i++)
        {
            for (j=1; j<=8; j++)
            {
                if ((i%2!=0 && j%2==0)||(i%2==0 && j%2!=0))
                {
                    document.body.appendChild(d);
                    d.className="black";
                }
                else
                {
                    document.body.appendChild(d);
                    d.className="white";
                }
            }
        }
    }
</script>

我在代码的前面计算 x 变量，我想在 div 的内联样式中插入该变量值，但它不起作用，尽管如果我插入像“100px”这样的常量，它会完美地工作。

var x;  
document.getElementById("block").style.position = "fixed";  
document.getElementById("block").style.left = x;  

注意：我想让它在不使用 jquery 的情况下工作，因为我在网站上只使用了几个脚本，在我的情况下链接一个大库是没有用的。