如何使用appendChild添加多个div？

我正在尝试使用javascript创建一个国际象棋棋盘，并使用64个div元素来实现。但问题是，只创建了第一个div元素。以下是代码：

div {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    float: left;
}

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";
            }
        }
    }
}