1

このコード ブロックでは、いくつかのサイコロの画像を読み込んで、そのうちのいくつかをテーブルに表示しようとしています。配列を正しく構築しているかどうかさえわかりませんが、これは画像を含む配列を伝播する例の 1 つです。

<table id="dicebox">
                <tr>
                    <td id="d1"></td>
                    <td id="d2"></td>
                    <td id="d3"></td>
                    <td id="d4"></td>
                    <td id="d5"></td>
                </tr>
            </table>
<script>

            var diceB = new Array(7);
            //Blue dice
            var diceP = new Array(7);
            //Purple dice
            var diceValue = new Array(0, 1, 2, 3, 4, 5, 6);

            //initializing blue dice array
            diceB[0] = new Image(50, 50);
            diceB[0].src = "images/dice0B.gif"
            diceB[1] = new Image(50, 50);
            diceB[1].src = "images/dice1B.gif"
            diceB[2] = new Image(50, 50);
            diceB[2].src = "images/dice2B.gif"
            diceB[3] = new Image(50, 50);
            diceB[3].src = "images/dice3B.gif"
            diceB[4] = new Image(50, 50);
            diceB[4].src = "images/dice4B.gif"
            diceB[5] = new Image(50, 50);
            diceB[5].src = "images/dice5B.gif"
            diceB[6] = new Image(50, 50);
            diceB[6].src = "images/dice6B.gif"


            for(var i = 1; i < 6; i++) {
                document.getElementById('d' + i).innerHTML = diceB[i].src;
4

2 に答える 2

1

appendChildを使用するのはどうですか

for(var i = 1; i < 6; i++) {
    document.getElementById('d' + i).appendChild(diceB[i]);
于 2012-12-04T21:38:28.860 に答える
1

イメージタグを書きませんでした。次のことを行う必要があります。

for(var i = 1; i < 6; i++) {
                document.getElementById('d' + i).innerHTML = '<img src="'+diceB[i].src+'" />';

}
于 2012-12-04T21:40:54.040 に答える