document对象中的querySelector方法使用

	    
0
	    
1
	    
2
	    
3
	    
4
	  

/**
	     * document.querySelector 这个document对象的querySelector是HTML5API新定义的方法
	     * 如果是id选择器传放一个参数“#id”,如果是class的选择器则传入一个".class"
	     * id选择器返回这个节点元素对象
	     * class选择器返回document节点或id节点元素对象中的第一个元素。
	     */
	    var boxId = document.querySelector("#box");
	    var boxClass = boxId.querySelector(".box");
	    var arr = [];
	    if ( boxClass instanceof Array ) {
  	    for (var i = 0, len = boxClass.length; i < len; i++) {
  	       alert(boxClass[i].innerHTML);
  	    }
	    } else if ( boxClass instanceof Object ) {
	       alert(nextSibling(boxClass).innerHTML);
	    } 
	    
	    function nextSibling(curvObj) {
	      
	      /**
	       * 1 元素节点 
	       * 2属性
	       * 3文本
	       * 8注释
	       * 9document
	       */ 
	      var currentNode = curvObj.nextSibling;
	      
        if ( currentNode.nodeType == 1 ) {
          return currentNode;
        }
   
        return nextSibling(currentNode);
	    }