节点的相关操作

创建一个节点我们通过createElement()

  var box = document.createElement('div');

添加节点，一般是这个被添加标签的父节点appendChild()

  obody.appendChild(box);

删除节点，一般删除这个节点也是通过他的父节点removeChild()

   obody.removeChild(box);

插入节点,插入到蓝色的小盒子之前,是通过父亲标签来操作insertBefore()

    box.insertBefore(insertBox,smallBox);

//childNodes:如果通过这种方式获取,会获取包括文本在内的所有的节点
//但是我们可以通过nodeType== 1来判定标签节点
  var myChilds =  box.childNodes; 
        var symNodes = [];
        for(var i = 0;i < myChilds.length;i ++){
            if(myChilds[i].nodeType == 1){
                symNodes.push(myChilds[i]);
            }
        }
        console.log(symNodes);
//以上方法不常用（即childNodes），用下列方法代替（即children）
//4.直接获取标签子节点
    var symNodes1 = box.children;

获取下一个兄弟节点，为了适配不同浏览器,

    var nextSym = btn1.nextElementSibling || btn1.nextSibling;

获取标签父亲节点

   var box = btn.parentNode;