Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
显示来自不同位置数组的图像(javascript) 函数init(){ 可变项目=[ {id:'cp',image:'images/lvlOne/mobile.png',style:'position:absolute;top:20px;left:290px'}, {id:'nl',image:'images/lvlOne/项链.png'}, {id:'teddy_bear',image:'images/lvlOne/teddy_bear.png'}, {id:'choco',image:'images/lvlOne/chocolate.png'} ]; var list=document.getElementsByTagName('div'); 对于(i=0;i_Javascript_Html_Css - Fatal编程技术网

显示来自不同位置数组的图像(javascript) 函数init(){ 可变项目=[ {id:'cp',image:'images/lvlOne/mobile.png',style:'position:absolute;top:20px;left:290px'}, {id:'nl',image:'images/lvlOne/项链.png'}, {id:'teddy_bear',image:'images/lvlOne/teddy_bear.png'}, {id:'choco',image:'images/lvlOne/chocolate.png'} ]; var list=document.getElementsByTagName('div'); 对于(i=0;i

显示来自不同位置数组的图像(javascript) 函数init(){ 可变项目=[ {id:'cp',image:'images/lvlOne/mobile.png',style:'position:absolute;top:20px;left:290px'}, {id:'nl',image:'images/lvlOne/项链.png'}, {id:'teddy_bear',image:'images/lvlOne/teddy_bear.png'}, {id:'choco',image:'images/lvlOne/chocolate.png'} ]; var list=document.getElementsByTagName('div'); 对于(i=0;i,javascript,html,css,Javascript,Html,Css,我可以检索随机图像,但无法指定它们的位置 他们随机化,但我不能改变他们的立场。我尝试了内联css,但不幸的是它对我不起作用。我看不到你在设置样式 <body onLoad="init()"> <div id="list"> <script> function init() { var items = [ {id:'cp',image:'im

我可以检索随机图像,但无法指定它们的位置


他们随机化,但我不能改变他们的立场。我尝试了内联css,但不幸的是它对我不起作用。

我看不到你在设置样式

<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>

加载项目的方式看起来也不正确,请尝试:

if (item.style) {
    image.setAttribute("style", item.style);
}
var random_item_key = Math.floor(Math.random() * items.length),
    item = items[ random_item_key ];