nextSibling ： 返回某个元素之后的紧跟的元素；previousSibling：相反

 

假设要取到所有页面中所有H1标题后面的下一个元素为其添加CSS属性.

         var heads = document.getElementsByTagName("h1");

          for(var i=0; i<heads.length; i++){

                        var elements = nextnode(heads[i].nextSibling); //设置nextnode函数,返回值

                        elements.style.color='red'; //为其添加样式

         }

          function nextnode(node){

                   if(node.nodeType == 1){ //判断是否是元素节点,排除空的文本节点

                         return node;

           }

          if(node.nextSibling){

                     return nextnode(node.nextSibling);

         }

}