Question

我正在尝试将一些随机数据添加到带边框的表中。我找了一些教程，却无法做到。程序询问用户几个国家的名称，然后我将它们存储为数组。但是当我运行它时，它会显示为“country1country2＆＃39;例如，没有边界。这是我的代码：

<!DOCTYPE html>
<html>
  <body>
    <table border="1">
    <script>
       var n,count=[],limit=10;
       ncheck();
       function ncheck() {
         if (! Number ( n ) || n > limit || n < 1) {
           n =  +prompt("Please enter the number of countries", "Enter");
           ncheck();
         }
         while ( n > 0) {

           count.push (  prompt( n +" more countries left", "Enter" ) );
           --n;
         }
      } 
      for(var i = 0; i<count.length; i++)
      {
        document.write('<tr><td>'+ count[i] + '</td></tr>');
      }

      document.write('</table>');

     </script>
   </table>
 </body>
</html>

Answer 1

而不是

<script>
<script type="text/javascript">

你应该只有一个标签 - ＆gt; <script> </script>不是两个

Answer 2

使用CSS来设置表格样式。

table {
    border-collapse: collapse;
}

tr {
    border: 1px solid black;
}

Demo

Javascript将数组添加到带边框的表中

2 个答案: