-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

id ='coin'でdiv要素を作成した後、divにランダムな位置を与えるには、次を使用します。

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

createCoin（）関数は、onload（）イベントで1回実行されると見なします。次に、newPos（）関数を実行する必要があります。

于 2012-11-29T21:30:28.180 に答える
1

createCoindivを返してから使用してください。

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 に答える