<script type="text/javascript">
window.onload = function(){
??? // JS實(shí)現(xiàn)選項(xiàng)卡切換
??? //獲取標(biāo)題
??? var li = document.getElementsByTagName("li");
??? //獲取內(nèi)容
??? var div = document.getElementsByName("div");
??? var len = div.length;
??? //選項(xiàng)卡內(nèi)容多個(gè)，需要循環(huán)遍歷來(lái)操作，得知哪個(gè)選項(xiàng)卡和哪個(gè)選項(xiàng)內(nèi)容匹配
??? for(var i=0;i<len;i++){
??????? li[i].index = i;
??????? li[i].onclick = function(){
??????????? for(var j=0;j<len;j++){
??????????????? li[j].className = "";
??????????????? div[j].style.display = "none";
??????????? }
??????????? this.className = "fang";
??????????? div[this.index].style.display = "block";
??????? }
??? }
}
</script>

其中l(wèi)i[i].index = i;和div[this.index].style.display = "block";這句是什么用？為什么一定要定義一個(gè)index呢？直接用i怎么實(shí)現(xiàn)不了？