html自动选表格代码,基于JavaScript代码实现自动生成表格

废话不多说，直接给大家贴js代码了，具体代码如下所示：

//js实现输入表格行数、列数自动生成表格源代码

自动创建表格

table{

width:300px;

height:100px;

border:#0C9 1px solid;

border-collapse:collapse;

}

function autocreate(){

//创建table表格

var table=document.createElement("table");

table.setAttribute("border","1");

table.setAttribute("background","red");

//获取行数值

var line=document.getElementById("line").value;

//获取列数值

var list=document.getElementById("list").value;

for(var i=0;i<=line;i++){

//alert(line);

//创建tr

var tr=document.createElement("tr");

for(var j=0;j<=list;j++){

//alert(list);

//创建td

var td=document.createElement("td");

tr.appendChild(td);

}

table.appendChild(tr);

}

document.getElementById("d1").appendChild(table);

}

行数

列数

以上所述是小编给大家介绍的基于JavaScript代码实现自动生成表格的全部叙述，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！