两种javascript动态创建table表格的方法，分享给大家，具体实现如下
方法一：最原始的方法，创建一一元素
var a1=document.createelement(table);var a2=document.createelement(tbody);var a3=document.createelement(tr);var a4=document.createelement(td);//开始appendchild()追加各个元素a3.appendchild(a4);a2.appendchild(a3);a1.appendchild(a2);
方法二：利用table对象里面含有的函数：插入行和插入列
var tabnode=document.createelement(table);var trnode=tabnode.insertrow();var tdnode=trnode.insertcell;tabnode.innerhtml=这是采用table对象里面的函数创建的注意：利用原始方法，一个个createelement时候，必须要添加一个tbody对象//获取标签的兄弟节点// var node3=tabnode.previoussibling;//前一个节点 获取对此对象的上一个兄弟对象的引用。// alert(previous--node3:+node3);//#text// 如果后面有回车符，高版本的ie和火狐会识别成 “空白文本”#text，// 而低版本ie会直接越过-----不光是节点，其它节点也一样// 表格的,标签和标签中间，其实还隐藏着一个标签----表格体
动态的创建和删除：
创建表格，通过输入的值：
function createtable(){ tablenode=document.createelement(table);//获得对象 tablenode.setattribute(id,table) var row=parseint(document.getelementsbyname(row1)[0].value);//获得行号 //alert(row); if(row<=0 || isnan(row) ){ alert(输入的行号错误，不能创建表格，请重新输入：); return; } var cols=parseint(document.getelementsbyname(cols1)[0].value); if(isnan(cols) || cols<=0){ alert(输入的列号错误，不能创建表格，请重新输入：); return; } //上面确定了 现在开始创建 for(var x=0;x 完整的代码：
createtable2.html 行: 列:

效果演示：
以上就是为大家分享的两种javascript动态创建table表格的方法，希望大家喜欢。