将图像输入Javascript中的数组,然后在表中显示它们
在这段代码中,我加载了一些骰子图像,并试图显示表中的一些图像。我甚至不确定我是否正确构建了数组,但这是我发现的使用图像传播数组的示例之一将图像输入Javascript中的数组,然后在表中显示它们,javascript,image,Javascript,Image,在这段代码中,我加载了一些骰子图像,并试图显示表中的一些图像。我甚至不确定我是否正确构建了数组,但这是我发现的使用图像传播数组的示例之一 <table id="dicebox"> <tr> <td id="d1"></td> <td id="d2"></td> <td
<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;
var diceB=新数组(7);
//蓝色骰子
var diceP=新数组(7);
//紫色骰子
var diceValue=新数组(0,1,2,3,4,5,6);
//初始化蓝色骰子数组
diceB[0]=新图像(50,50);
diceB[0].src=“images/dice0B.gif”
diceB[1]=新图像(50,50);
diceB[1].src=“images/dice1B.gif”
diceB[2]=新图像(50,50);
diceB[2].src=“images/dice2B.gif”
diceB[3]=新图像(50,50);
diceB[3].src=“images/dice3B.gif”
diceB[4]=新图像(50,50);
diceB[4].src=“images/dice4B.gif”
diceB[5]=新图像(50,50);
diceB[5].src=“images/dice5B.gif”
diceB[6]=新图像(50,50);
diceB[6].src=“images/dice6B.gif”
对于(变量i=1;i<6;i++){
document.getElementById('d'+i).innerHTML=diceB[i].src;
使用
for(变量i=1;i<6;i++){
document.getElementById('d'+i).appendChild(diceB[i]);
如果没有编写图像标记,则必须执行以下操作:
for(var i = 1; i < 6; i++) {
document.getElementById('d' + i).innerHTML = '<img src="'+diceB[i].src+'" />';
}
for(变量i=1;i<6;i++){
document.getElementById('d'+i).innerHTML='';
}
你说的“骰子”是什么意思?你在游戏中玩的东西可以直接附加一个图像对象,还是需要创建一个图像标记?@LeviBotelho图像标记用于html标记,图像对象用于DOM
for(var i = 1; i < 6; i++) {
document.getElementById('d' + i).innerHTML = '<img src="'+diceB[i].src+'" />';
}