javascript设置创建动态表格的方法

　　两种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.Row();var tdNode=trNode.Cell;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