手动输入行数，列数创建表格

手动输入行数，列数创建表格

万变不离其宗，直接上代码

//手动输入行和列数，声明变量接收获取输入的行数和列数
var row = parseInt(prompt('请输入行数'))
var col = parseInt(prompt('请输入列数'))
//创建表格
var table = document.createElement('table')
document.body.appendChild(table)
//设置表格样式
table.style.borderCollapse = 'Collapse'
table.style.margin = 'auto'
table.style.border = '1px solid black'
//根据输入的行数创建行数tr
for(var i = 0; i < row; i++){
   var tr = document.createElement('tr')
   table.appendChild(tr)
   //根据输入的列数创建列数td
   for(var j = 0; j < col; j++){
      var td = document.createElement('td')
      tr.appendChild(td)
      td.style.border = '1px solid black'
	  td.style.width = '100px'
	  td.style.height = '100px'
      
   }
}

声明变量接收输入的行数和列数，用for循环根据输入的行数，列数来创建tr，td