技術標籤：es6javascript

元素節點.currentStyle[獲取樣式型別]; IE
【注】瀏覽器相容性
【步驟】 1.獲取當前樣式的相容函式
2.在window.onload裡面呼叫函式getStyle(elem,attr)

    function getStyle(elem,attr) {
       //elem:元素節點(id)  attr：屬性(width)
        return elem.currentStyle ? elem.currentStyle[attr] : getComputedStyle(elem)[attr];
    }

2. 獲取元素節點
   

   function $(vArg){
   //<1>對引數進行區分
   switch (vArg[0]) {
   case “#”: //id
   return document.getElementById(vArg.substring(1));
   break;

           case "."://className
               return elementByClassName(document,vArg.substring(1));   //函式呼叫
               break;
           default:
               //對引數的前五個字串進行判斷
               var str = vArg.substring(0,5);
               if(str ==="name="){//name
                   return document.getElementsByName(vArg.substring(5));
               }else{//tagName
                   return document.getElementsByTagName(vArg);
               }
               break;
       }
   }
   
   /*為解決className的相容性問題封裝的函式*/
   function elementByClassName(parent,classStr){
       //<1> 找到parent下的所有的元素的節點
       var nodes = parent.getElementsByTagName("*");
       var result = []; //用來記錄符合條件的元素節點
       for(var i = 0;i < nodes.length;i++){
           // <2>如果符合條件，新增到陣列中
           if(nodes[i].className===classStr){
               result.push(nodes[i]);
           }
       }
       return result;
   }