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

m0_51530332

于 2020-11-19 20:59:28 发布

阅读量658

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_51530332/article/details/109824865

版权

博客介绍了手动输入行数和列数创建表格的方法。通过声明变量接收输入的行数和列数，再利用for循环依据这些输入来创建tr和td元素，实现表格的创建。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

//手动输入行和列数，声明变量接收获取输入的行数和列数
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'
      
   }
}