//获取DOM元素
var box = document.getElementById('box'); //最大的盒子
var ul = box.children[0];
var div = box.children[1];
var liArr = ul.children;
var divArr = div.children;
for(var i=0;i<liArr.length;i++){
liArr[i].index = i;
//console.log(liArr[i].index)
liArr[i].οnclick=function(){//初始化init
for(var j=0;j<divArr.length;j++){//干掉所有人clearAll
divArr[j].style.display="none";
}
divArr[this.index].style.display="block";//留下我一个liveMe
}
var box = document.getElementById('box'); //最大的盒子
var ul = box.children[0];
var div = box.children[1];
var liArr = ul.children;
var divArr = div.children;
for(var i=0;i<liArr.length;i++){
liArr[i].index = i;
//console.log(liArr[i].index)
liArr[i].οnclick=function(){//初始化init
for(var j=0;j<divArr.length;j++){//干掉所有人clearAll
divArr[j].style.display="none";
}
divArr[this.index].style.display="block";//留下我一个liveMe
}
}
//html部分
<div id="box">
<ul>
<li>衣服</li>
<li>鞋子</li>
<li>裤子</li>
<li>袜子</li>
</ul>
<div>
<div>衣服</div>
<div>鞋子</div>
<div>裤子</div>
<div>袜子</div>
</div>
</div>