怎样使用Javascript生成一个表格？

如上

解决方案 »

  1.   


    response.write("<table><tr><td>表格</td></tr></table>");
      

  2.   


    <html>
    <body>
    <script type="text/javascript">
    var row = 3, col = 5;
    var table = document.createElement("table");
    var tbody = document.createElement("tbody");
    table.border = "1";
    for(var i = 0, tr; i < row; i++){
    tr = document.createElement("tr");
    for(var j = 0, td; j < col; j++){
    td = document.createElement("td");
    td.style.fontSize = parseInt(Math.random() * 10) + 12 + "px";
    td.innerHTML = [i+1, j+1];
    tr.appendChild(td);
    }
    tbody.appendChild(tr);
    }
    table.appendChild(tbody);
    document.body.appendChild(table);
    </script>
    </body>
    </html>
      

  3.   


    <script language="JavaScript"       type="text/javascript">  function createTable(data) {      var table = document.createElement("table");      var thead = document.createElement("thead");      var tr = document.createElement("tr");      for (var i = 0; i < data[0].length; i++) {          var th = document.createElement("th");          var newText =               document.createTextNode(data[0][i]);          th.appendChild(newText);          tr.appendChild(th);      }      thead.appendChild(tr);      table.appendChild(thead);       var tbody = document.createElement("tbody");      for (var i = 1; i < data.length; i++) {          var tr = document.createElement("tr");          for (var j=0; j < data[i].length; j++) {              var td = document.createElement("td");              var newText =                   document.createTextNode(data[i][j]);              td.appendChild(newText);              tr.appendChild(td);          }          tbody.appendChild(tr);      }       table.appendChild(tbody);      return table;  }   window.onload = function() {      var table = createTable([          ["1", "2", "3", "4", "5"],          ["one", "two", "three", "four", "five"],          ["un", "deux", "trois", "quatre", "cinq"],          ["eins", "zwei", "drei", "vier", "fünf"]]);      document.body.appendChild(table);  }  </script> 
      

  4.   

    有几个方法 ：
    1.document.write写出来 
    2.通过程序自动添加 写出来 
      

  5.   

    其实和html没有什么区别的，只是在js里动态加载，其实和单单写html一样就是加上引号放到js的变量中就可以了，当然也可以用循环比较简单些