<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>动态生成表格</title>
  <link href="table.css" style="text/css" rel="stylesheet">
  <script type="text/javascript">
    function createTable(){
      var rowVal = parseInt(document.getElementById("row").value);
      var colVal = parseInt(document.getElementById("col").value);
      var oTableNode = document.createElement("table");
      if(isNaN(rowVal) || rowVal<=0){
        alert("行数必须是正整数");
        return ;
      }
      if(isNaN(colVal) || colVal<=0){
        alert("列数必须是正整数");
        return ;
      }
      //alert(rowVal+","+colVal);
      //for循环生成表格
      for(var i = 1; i<= rowVal;i++){
        var oTrNode = oTableNode.insertRow();
        for(var j = 1; j<= colVal;j++){
          var oTdNode = oTrNode.insertCell();
          oTdNode.innerHTML="<b>单元格" +i+ "--" +j+ "</b>";
        }
      }
      document.getElementById("div1").appendChild(oTableNode);
    }
  </script>
  
</head>
<body>
  <input type="text" id="row">
  <input type="text" id="col">
  <input type="button" value="生成表格" οnclick="createTable()">
  <div id="div1"></div>
</body>
</html>

Dom--动态生成表格_JavaScript