（一）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";

 1 window.onload=function(){
 2   var main=document.getElementById("main");
 3   var btn=document.getElementsByTagName("li");
 4   var contain=getByClass(main, "contain");
 5   var i=0;
 6   contain[0].style.display='block';
 7   for (i=0;i<btn.length;i++){
 8        btn[i].index=i;                                          //索引值
 9        btn[i].onclick=function(){
10          for(i=0;i<btn.length;i++){
11         
12           btn[i].className="";
13           contain[i].style.display='none';
14          }
15  contain[this.index].style.display="block";              //利用this對象，表示當前所點擊的對象，再利用咱們設置好的索引值，實現了當前點擊對象的display：block 16        }; 
17  
18   }
19   
20 };