dom树中关于节点的一些方法及使用

节点操作，方法

• 添加节点 appendChild()
  el.appendChild(newEL)将新元素添加到父元素的最后一位
  el为父元素
  newel 为新元素
  注意：每次添加只能是添加一个新元素
  例如：只有一个新元素 执行多次 只能添加一个 因为只有一个新元素

• 插入节点 insertBefore(要插入的节点对象，要添加新的节点前的子节点。)
  insertBefore() 方法可在已有的子节点前插入一个新的子节点。

• 删除节点 removeChild()
  父元素.removeChild(删除内容) 删除父元素中的子元素
  父元素.removeChild(删除内容)

• 替换节点 父元素. replaceChild(new，old)
  new 新元素
  old 表示旧元素
  用新元素替换旧元素
  只能替换父元素下的子元素

• 克隆节点 被克隆元素.cloneNode（）克隆元素 ，返回克隆结果
  true 克隆本身 加子代
  false 克隆本身 不加子代
  注意 克隆后会将具有id属性的一起克隆；克隆后 需要改变ID的值

• 创建节点 creatElement(p1) 创建元素节点 参数为标签
  ceratTextNode(文本)创建文本节点

• 创建属性节点 createAttribute()创建属性节点
  artrt.value 给属性 添加值
  setAttributeNode （）给元素设置属性节点
  var artrt=document.createAttribute(“class”)
  artrt.value=“aaa”
  box.setAttributeNode(artrt)

  //***********************************************************