Question

我的html代码应该接收输入项目及其编号的列表，然后显示数组，然后按数字的降序显示它。但我甚至可以让我的代码将数组输出到表格单元格。我可以让它正常输出数组，但我想保持我的整页样式，只是让数组输出我想要的特定表格单元格。

<html>
<head><link rel="stylesheet" type="text/css" href="css_styling.css" /></head>

<body onload="start()"><div id="container">
 <div id="wrapBanner"><div id="banner">
<img src="banner.png" alt="banner" />
 </div></div>

<div>   
<table border="1">
 <tr><th class="title" colspan="2">Unsorted List</th></tr>
 <tr><td class="subhead">Item</td><td>Quantity</td></tr>
 <tr><td class="subhead">
     <script language="javascript" type="text/javascript">
      var arr_size = 5;
              function start ( )
      {
        var a1 = new Array(arr_size);
        var a2 = new Array( );
                for (var i=0; i<arr_size; i++)
        {
         a1[i] = prompt ("Enter the Item Name");
         a2[i] = prompt("Enter Item Number");
        }
         outputArray("Array two contains", a1);
         outputArray("Array two contains", a2);
       }
        function outputArray (header, the_array)
        {
          document.write("<h2>"+header+"</h2>"+"<br />");
                  document.write("<table border=\"1\"><thead><th align=\"left\">");
          document.write("Index</th></thead>");
                  document.write("<tbody>");

        for (var i=0; i<arr_size;i++){
        document.write("<tr><td>" + the_array[i] + "</td></tr>");
        document.write("</tbody></table>");
          }
</script>
</td>
  </tr>

</table>
</div>
</div></body>
</html>
</body>
</html>`

Answer 1

tbody和table的结束标记应该在for循环之外。 document.write("</tbody></table>")不应该在循环中。

我不能让数组输出显示在表格单元格中。我该怎么做？

1 个答案: