replaceChild insertBefore appendChild cloneCode的用法-优快云博客

本文详细介绍了DOM操作中的几种核心方法，包括replaceChild用于替换节点、cloneNode实现节点及其子孙节点的复制、appendChild将一个节点追加为当前节点的最后一个子节点，以及insertBefore在指定节点前插入一个新节点。这些方法在浏览器兼容性方面表现良好，适用于IE678和Firefox等。

本案例下载：nodeop.html(2.38 KB)
replaceChild的用法
    摘要
      Node replaceChild(Node newChild,Node oldChild)
   参数
      newChild 新的替换节点
      oldChild 要被替换的节点
   返回值
      被替换的旧节点
-----------------------
   cloneNode的用法
   复制节点及所有子孙节点
    摘要
      Node cloneNode(bool deep)
   参数
      如果deep为true,将复制本节点及所有子孙节点
   返回值
      当前节点的副本
   -----------------------------
    appendChild的用法
   插入一个节点，作为当前节点的最后一个节点
    摘要
      Node appendChild(Node newChild)
   参数
      newChild 要插入的节点
   返回值
   要插入的节点
   -----------------------------
    insertBefore的用法
   在指定节点前插入一个节点
    摘要
      Node insertBefore(Node newChild,Node refChild)
   参数
      newChild 要插入的节点
      refChild 位于要插入的节点之前的子节点，如果为null,则把newChild插入到当前节点的最后一个子节点
   返回值
   要插入的节点
   -----------------------------

    在ie 6 7 8和ff中测试通过