美文网首页
js自定义创建表格

js自定义创建表格

作者: TY_ | 来源:发表于2016-09-11 20:15 被阅读118次
js自定义创建表格

水平不高,用了一下午才写出来,虽然内容不难,但对现在的我也算的上一种鼓励,啦啦啦(✪_✪)

```

function tb_add(){

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

var co=document.getElementById("column");

if(li.value==0||co.value==0){

alert("请检查输入内容!");

}else{

var mtable=document.createElement("table"); //创建表格

mtable.setAttribute("border", "1"); //表格属性

mtable.setAttribute("width", "50px"); //表格属性

var mbody=document.createElement("tbody");

mtable.appendChild(mbody); //放入表格

for (var int = 0; int < li.value; int++) {

mbody.insertRow(int);//行

for (var int2 = 0; int2 < co.value; int2++) {

var int3=0;

mbody.rows[int].insertCell(int3);

mbody.rows[int].cells[int3].appendChild(document.createTextNode("test"));

int3++;

}

}

document.body.appendChild(mtable);

}

}

```

相关文章

网友评论

      本文标题:js自定义创建表格

      本文链接:https://www.haomeiwen.com/subject/rcnuettx.html