2016-12-06学习内容

节点查找
      父节点   parentNode
      兄弟节点  
                       下一个兄弟
                        nextSibling   ie6 78 识别
                        nextElementSibling 其他浏览器识别
                     兼容处理  one.nextElementSibling || one.nextSibling
                      上一个兄弟 与下一个兄弟同理
                        preivousSibling  
                        previousElementSibling 
         子节点(不常用,几乎很少用)
                      firstChild 第一个孩子  ie6 7 8 识别
                      firstElementChild 正常浏览器识别 （空格也算孩子 ）
                      lastChild 
                      lastElementChild 
         孩子节点(重点)
                      childNodes 选出全部的孩子
            childNodes :标准属性 ，它返回指定元素的子元素集合
   包括html节点，所有属性，文本节点（嫡出）
             缺点: FF、chrome或ie高版本会把换行也看成子节点，ie
  6 7 8 不会把换行当孩子
             利用nodeType==1 获取元素节点
        
         <div>
               文字
               <p></p>
               
               <div></div>
        </div>


             children 选择所有的孩子，仅仅选择的是元素节点(庶出,推荐使用)
      优 1 只有元素节点被你选中 2 无浏览器兼容问题
      注意事项： ie6 7 8 会把注释当节点,只要避免开即可


     <ul>
            <li>111</li>
            <li>111</li>
            <li>111</li>
     </ul>


 dom节点操作: 新建节点 删除节点  克隆节点等


 新建节点  
             var newLi =   document.creatElement("li");
插入节点
               ul.appendChild(newLi);
            1.  appendChild();    添加孩子     append 添加的意思
   意思：  添加孩子   放到盒子的 最后面。
            2 insertBefore
                  insertBefore(插入的节点，参照节点)   子节点  添加孩子
                  insertBefore(test,null);
移除元素： removeChild();


克隆节点: 
              cloneNode(true);  //深层复制，不仅仅复制元素本身，
   连它的孩子一起复制
               cloneNode(false);//默认就是浅层复制，只仅仅复制盒子本身，它
的子节点不会被复制