相关疑难解决方法(0)

如何使用appendChild添加多个div?

我正在尝试使用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>
Run Code Online (Sandbox Code Playgroud)

javascript appendchild

40
推荐指数
3
解决办法
7万
查看次数

标签 统计

appendchild ×1

javascript ×1