DOM创建table

Dom笔记:

1。document.body可以直接定位到body 节点,如:οnclick="reverseNode(document.body)"

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

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

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

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


3.<tbody>隐含存在<table></table>  firstChild为<tbody>

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插入到节点顶部
  <td>内部的是<TextNode>节点

 


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值