javascript - 无法使用 javaScript 将图像显示在随机位置

Question

我试图在页面左侧的随机位置生成 5 张图像。图像在顶部连续显示，而不是我需要的随机位置。我的 CSS 中确实有 img{position:absolute} 。很抱歉，如果之前已经涵盖了这一点，我一直在无休止地寻找答案并尝试了许多不同的例子，但我仍然卡住了，请有人能指出我正确的方向。

<script>
    var numberOfFaces = 5;
    var theLeftSide = document.getElementById("leftSide");

    function getRandom(x, y) {
        return Math.floor(Math.random() * (y - x)) + x + 'px';
    };

    function generateFaces() {
      for (var i=0; i<numberOfFaces; i++) {
        var faces = document.createElement("img");
        faces.src = "smile.png";
        faces.style.top = getRandom(0, 400);
        faces.style.left = getRandom(0, 400);
        leftSide.appendChild(faces);
      };
    };

    </script>

Answer 1

http://jsfiddle.net/pynaam1f/

或

http://jsfiddle.net/pynaam1f/1/

img{
    position:absolute;
}