显示具有不同位置的数组中的图像（javascript）

Question

<body onLoad="init()">
    <div id="list">

        <script>
            function init() {
                var items = [
                    {id:'cp',image:'images/lvlOne/cellphone.png',style:'position:absolute;top:20px;left:290px'},
                    {id:'nl',image:'images/lvlOne/necklace.png'},
                    {id:'teddy_bear',image:'images/lvlOne/teddy_bear.png'},
                    {id:'choco',image:'images/lvlOne/chocolate.png'}
                ];

                var list = document.getElementsByTagName('div');

                for(i = 0; i < 3; i++) {
                    var item = items(Math.floor(Math.random() * items.length), 1)[0];

                    var image = document.createElement('img');
                    image.src = item.image;

                    list.appendChild(image);
                }
            }
        </script>
    </div>
</body>

I can retrieve random images but I cannot specify their position. 我可以检索随机图像，但不能指定它们的位置。

They randomize but I cannot change their position. 他们随机化，但我无法改变他们的立场。 I tried inline css but unfortunately it doesnt work for me. 我尝试了内联CSS，但是不幸的是它对我不起作用。

Answer 1

Well I do not see you setting the style 好吧，我看不到您设置样式

if (item.style) {
    image.setAttribute("style", item.style);
}

Answer 2

The way you are loading the item also looks incorrect, try: 您加载项目的方式也看起来不正确，请尝试：

var random_item_key = Math.floor(Math.random() * items.length),
    item = items[ random_item_key ];

显示具有不同位置的数组中的图像（javascript）

问题描述

2 个解决方案

解决方案1
0 2014-01-09 14:44:50

解决方案2
0 2014-01-09 14:45:34

显示具有不同位置的数组中的图像（javascript）

问题描述

2 个解决方案

解决方案1 0 2014-01-09 14:44:50

解决方案2 0 2014-01-09 14:45:34

解决方案1
0 2014-01-09 14:44:50

解决方案2
0 2014-01-09 14:45:34