JavaScript基础9——操作DOM树

appendChild()方法:添加子节点到末尾
  • 类似于剪切粘贴的效果
 
insertBefore(newNode, oldNode)方法:在某个节点之前插入一个节点
  • newNode为要插入的节点,oldNode是在谁之前插入的节点
  • 通过父节点插入子节点
 
removeChild():删除节点
  • 通过父节点删除子节点
 
replaceChild(newNode, oldNode):替换节点
  • 通过父节点替换子节点
 
cloneNode(boolean)方法:复制节点
  • 参数boolean表示是否复制子节点

 


总结:
  获取节点使用方法
    getElementById() 通过id查找对应节点
    getElementsByName() 通过name属性值查找节点集合
    getElementsByTagName() 通过标签名查找节点集合
 
  插入节点的方法
    insertBefore(newNode, oldNode) 在某个节点之前插入
    appendChild() 在末尾添加,相当于剪切粘贴
 
  删除节点的方法
    removeChild():通过父节点删除子节点
 
  替换节点的方法
    replaceChild():通过父节点替换子节点
 
  复制节点的方法
    cloneChild(boolean):复制节点,boolean表示是否复制子节点
posted @ 2016-09-12 15:50  JiangCYkk  阅读(162)  评论(0编辑  收藏  举报