dom基本操作

document --->HTMLDocument.prototype --->Document.prototype
//封装Children方法
Element.prototype.Mychildren = function(){
     var child = this.childNodes;
     var len = child.length;
     var arr = [];
     for(var i = 0;i < len;i ++) {
         if(child[i].NodeType == 1) {
              arr.push(child[i]);
         }
     }
     return arr;
}


function retSibling(e,n){
    while (e && n){
       if(n > 0){
          if(e.nextElementSibling){
              e = e.nextElementSibling;
          }else{
              for(e = e.nextSibling; e && e.nodeType !=1; e = e.nextSibling)
          }
          n--;
       }else{
            if(e.perviousElementSibling){
              e = e.perviousElementSibling;
          }else{
              for(e = e.perviousSibling; e && e.nodeType !=1; e = e.perviousSibling)
          }
          n++;
    }
    return e;

}

//增
document.createElement('');   //创建元素节点
ducument.createComment('');      //创建注释节点
ducument.createTextNode();      //创建文本节点
ducument.createDocumentFragment();

//插
parentNode.appendChild();  //剪切
parentNode.insertBefore(a,b);   //insert a before b

//删
parent.removeChild();    //剪切
child.remove();          //销毁自己

//替换
parent.replaceChild(newdata,origindata);  //拿新的元素替换老的元素,剪切

//属性
div.innerHTML =       //覆盖，可读可写
div.innnerText  =       //覆盖，包括HTML结构


//方法
div.setAttribute('id','only');
div.getAttribute('id')