-1

我正在开发一个 Javascript 游戏，我必须在 HTML 文档中放置随机硬币。到目前为止，我已经使用了这段代码：

 createCoin() {
    section=document.createElement("div");
    section.innerHTML='<img src="./img/coin.png"/>';
    document.body.appendChild(section);
 }

此代码只是将一个图像硬币放置在文档的坐标 (0,0) 中。我想要做的是访问最近创建的“div”并给它一个我在另一个函数中生成的随机坐标，所以如果我多次调用 createCoin，它会在文档中创建几个硬币。我不能使用 jQuery。有任何想法吗？

4

2 回答 2

2

after create div element with id='coin' , to give the random position to div, use this:

<div id="coin" style="position:absolute">coin image</div>

<script language="javascript" type="text/javascript">
function newPos(){
    var x=Math.random()*1000;
    x=Math.round(x);
    var y=Math.random()*500;
    y=Math.round(y);
    document.getElementById("coin").style.left=x+'px';
    document.getElementById("coin").style.top=y+'px';
}
newPos();
</script>

we consider that createCoin() function execute once, on the onload() event. and then the newPos() function must be run.

于 2012-11-29T21:30:28.180 回答
1

已createCoin返回 div 然后使用它。

createCoin() {
    section=document.createElement("div");
    section.innerHTML='<img src="./img/coin.png"/>';
    document.body.appendChild(section);

    section.style.position = 'absolute';
    section.style.left = '0px'; // units ('px')  are unnecessary for 0 but added for clarification
    section.style.top = '0px';

    return section;
 }

例如：var coin = createCoin(); coin.style.left = ???; coin.style.top = ???;

于 2012-11-29T21:11:07.533 回答