Javascript 如何使用<；tr></tr>；超过<；br>；用于图像

我是javascript新手，尝试新事物。是否可以将每个重复图像存储在

tr

中，并有5个单独的行？目前，每当座椅达到20（19）时，我都会有一个断开标签，但我更喜欢将其放在一排标签中。我希望它位于表格中的原因是，我可以在每个图像下显示一个数字/文本，以便用户知道分配给每个图像的数字/文本是什么。我真的很感激别人的意见

我的代码在下面

<script type="text/javascript">

var x= new Array(100);
var myseat="";
var test="";
var noseats=0;
var seatcounter=0;  

function seatgen()
{

   for(i=0;i<100;i++)
   {
      myseat+="<img src='seat_avail.png' onclick='mycheck(this,"+i+")'  width='45' height='70'>";          /*alt='seat"+i+"' id='mys"+i+"' onclick='mycheck("+i+")'*/

      if( (i+1) % 20 == 0 ){ myseat+="<br>" }

      x[i] = "available";
   }

   document.getElementById("seathere").innerHTML=myseat;
   noseats=prompt("How many seats would you like to book","10" );

}


function mycheck(k, p)
{
   if( x[p] != "available" ){
      alert("Not available");
   } else if( seatcounter == noseats ) {
      alert("Reacher max seats");
   } else {
      k.src='seat_select.png';
      x[p]="unavailable";
      seatcounter+=1;
   }
}

</script>

var x=新阵列（100）；
var myseat=“”；
var检验=”；
var=0；
var seatcounter=0；
函数seatgen（）
{
对于（i=0；i更改为：

function seatgen()
{

 myseat = "<table><tr>"; // open table and first row

 for(i=0;i<100;i++)
 {
   myseat+="<td><img src='seat_avail.png' onclick='mycheck(this,"+i+")'  width='45' height='70'></td>";         

   if((i+1)%20==0){myseat+="</tr><tr>"} // close row, start new one
   x[i]="available";
 }

 myseat += "</tr></table>"; // close last row and table

函数seatgen（）
{
myseat=”“；//打开表和第一行
对于（i=0；i，每条线都需要在块内

myseat+="<table>";
for(i=0;i<100;i++)
{
    myseat+="<img src='seat_avail.png' onclick='mycheck(this,"+i+")'  width='45' height='70'>";         

   if((i+1)%20==0){myseat="<tr><td>"+myseat+"</tr></td>"}
   x[i]="available";
}

myseat+="</table>";

myseat+=”；
对于（i=0；iIs）您的seatgen函数应该填充一个图像表吗？嗨，Travis，是的，这基本上就是我要做的。嗨，Axel，我已经将我的脚本更改为上面的脚本，但它当前根本没有显示任何内容，您可能需要在
dom ready
上调用脚本，而不是在之前，否则目标元素不可用