DOM基本操作

DOM节点操作
  1.创建结点
      var myDiv=document.createElement("div");

  2.给结点添加文本内容
     myDiv.innerHtml="这是新创建的div";

  3.找到页面上的一个节点
     car rootDiv=document.getElementsByTagName("div");
  4.将myDiv追加到rootDiv是=上
     rootDiv.appendChild(myDiv);
  appendChild()

 

     作用：将节点作为子节点追加到调用它的节点后面
     参数：要追加的节点
     调用者：父节点
     注意：任何DOM节点不能同时出现在文档的多个位置，如果要追加的节点是原本存在的，那只会改变节点位置
  5.insertBefore(myDiv,childNode);

   作用：将新的节点插入到之前某一个节点的前边
   调用者：父节点
   参数：要插入的节点，旧节点
  6.removeChild()

   作用：删除孩子节点
   调用者：父节点
   参数：要删除的子节点
  7.cloneNode()
    作用：复制节点
    调用者：要复制的结点自身
    参数：一个可选参数boolean 默认为false 浅克隆 如果为true 就为深克隆