<ul>
<li style="color: red">html</li>
<li>css</li>
<li>java</li>
</ul>
<script>
var lis = document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++){
lis[i].onclick = function(){
/* 1.点击是首先让所有li变成黑色 */
for(var j=0;j<lis.length;j++){
lis[j].style.color="#333";
}
/* 2.让当前项变红色 */
this.style.color="red";
}
}
</script>