（一）javascript中的數組index屬性——獲取數組的索引值

例如：要做到這樣的效果

點擊每個選項時，會顯示不同的div。

我們的做法：在javascript中，先把所有的div的display設置為none，然后在根據當前的數組里的索引值進行一個顯示div的過程。

下面的例子就是：

首先，把妙味課堂、妙味茶館、苗味視頻選項的div設置為display：none；

然后，早在之前就以前設置好了數組的索引值

 btn[i].index=i;    於是當所有div都設置為display：none后，再把點擊的那個div的display設置為block就可以了

 contain[this.index].style.display="block";

window.onload=function(){
  var main=document.getElementById("main");
  var btn=document.getElementsByTagName("li");
  var contain=getByClass(main, "contain");
  var i=0;
  contain[0].style.display='block';
  for (i=0;i<btn.length;i++){
       btn[i].index=i;                                          //索引值
       btn[i].onclick=function(){
         for(i=0;i<btn.length;i++){
        
          btn[i].className="";
          contain[i].style.display='none';
         }
 contain[this.index].style.display="block";              //利用this對象，表示當前所點擊的對象，再利用我們設置好的索引值，實現了當前點擊對象的display：block 16        }; 
 
  }
  
};