Divs住在一条线？

Question

我有这个脚本，问题在于我无法找到一种方法来创建在页面上随机浮动的div。他们留在左角。我是否需要更改身体尺寸或更改位置。我想有些东西阻止他们不要 还有一件事。如果有人修改代码并按照JavaScript中的最佳实践重写代码，我们将不胜感激！

(function create() {
    var docFragment = document.createDocumentFragment();
    var count = 5;
    var i = 0;
    for (i = 0; i < count; i++) {
        var numerousDivs = document.createElement("div");
        docFragment.appendChild(numerousDivs);
    }
    document.body.appendChild(docFragment);

    var fiveDivs = document.getElementsByTagName("div");
    for (i = 0; i < fiveDivs.length; i++) {
        div = fiveDivs[i];
        alter(div);
        moveDivs(div);
    }
}());

function moveDivs(div) {
    div.style.position = "absolute";
    var topPos = parseInt(Math.random() * (maxHeight - 40));
    div.style.top = topPos + "px";
    var left = parseInt(Math.random() * (maxWidth - 100));
    div.style.left + "px";
}

Answer 1

div.style.left + "px";应为div.style.left = left+"px";。

Answer 2

div.style.left + "px";

这是一个错字。

div.style.left = left+"px";