DOM创建table

阅读更多

Dom笔记：

1。document.body可以直接定位到body 节点，如：onclick="reverseNode(document.body)"

var c = node.removeChild(kids[i]) //删除子节点，保存在c中 。要删除的东西有返回值

2。var kid1 = table1.firstChild.firstChild.firstChild//定位到节点
   var kid2 = table2.firstChild.firstChild.firstChild//定位到节点
   var repKid = kid2.firstChild //定位到表格二内容的TextNode节点
   kid1.replaceChild(repKid,kid1.firstChild);//用表格二的单元格内容替换表格一的单元格内容，表格二变成没有单元格内容

   //下面注释如果开发，将出现object error ,因为表格二已经被改变，它已经没有子节点了 （注意：没有子节点的就一定不能调用firstChild）

   //kid2.replaceChild(kid1.firstChild,kid2.firstChild);

3.隐含存在

  firstChild为

4. var node = document.getElementByTagName("table")[0];
   node.removeChild(node.childNodes[0]);//删除全部单元格
   var header = node.createTHead()//新建表格行头
   var headerrow = header.insertRow(0);//插入一个单元行
   var cell = headerrow.insertCell(0)//插入一个单元格

5.parNode.insertBefore(tbody,parNode.firstChild)将节点tbody插入到节点顶部
  内部的是节点