使用javascript中的document.write创建表

使用javascript中的document.write创建表,javascript,Javascript,当我运行代码时,我似乎什么也得不到,我的代码应该创建一个10乘10的表。我应该在用这张表的时候做。而且它还应该使用for循环,这样我就不必重复自己100次 document.write("<table>") document.write("<td>......") document.write("</table>") document.write(“”) 文件。填写(“……”) 文件。写(“”) 这是我当前需要改进的代码 <script>

当我运行代码时,我似乎什么也得不到,我的代码应该创建一个10乘10的表。我应该在用这张表的时候做。而且它还应该使用for循环,这样我就不必重复自己100次

document.write("<table>") 
document.write("<td>......") 
document.write("</table>")
document.write(“”)
文件。填写(“……”)
文件。写(“”)
这是我当前需要改进的代码

<script>

       var table = " ";
       var rows = 10;
       var cols = 10;
       for (var r= 0; r < rows;r++)
       {
       table += "<tr>";
       for(var c = 1; c <= cols; c++)
       {

      table += "<td>" + c + "</td>";
       }
       table += "</td>";

       }
      document.write("<table border=1>" + table + "</table>");

       }
</script> 

var表=”;
var行=10;
var-cols=10;
对于(var r=0;r对于(var c=1;c您的代码是错误的,因为您的末尾有一个无效的花括号,并且您从未结束第一个

以下是您的代码的更正版本:

   var table = " ";
   var rows = 10;
   var cols = 10;
   for (var r= 0; r < rows;r++)
   {
     table += "<tr>";
     for(var c = 1; c <= cols; c++)
     {
       table += "<td>" + c + "</td>";
     }
     table += "</tr>";
   }
   document.write("<table border=1>" + table + "</table>");
var表=”;
var行=10;
var-cols=10;
对于(var r=0;r
您可以做的是通过执行

document.getElementByTagName('body')[0]。innerHTML+=“”


要在内部HTML正文标记的末尾创建内容,这里有document.write和concatenation的替代方法:

<script>
  var table = document.createElement("table");
  var rows = 10;
  var cols = 10;

  for(var r = 0; r < rows; r++){
    var row_create = document.createElement("tr");

    for(var c = 0; c < cols; c++){
      var col_create = document.createElement("td");
      row_create.appendChild(col_create);
    }

    table.appendChild(row_create);
  }

  document.body.appendChild(table);
</script>

var table=document.createElement(“表”);
var行=10;
var-cols=10;
对于(var r=0;r
去掉最后一个大括号,行:table+=”;应该是table+=”;感谢您快速正确的回答
table += "</tr>"
<script>
  var table = document.createElement("table");
  var rows = 10;
  var cols = 10;

  for(var r = 0; r < rows; r++){
    var row_create = document.createElement("tr");

    for(var c = 0; c < cols; c++){
      var col_create = document.createElement("td");
      row_create.appendChild(col_create);
    }

    table.appendChild(row_create);
  }

  document.body.appendChild(table);
</script>