今天项目遇到了标题所说的问题，找到一篇很高效的例子，值得学习。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Change.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
body li{
list-style-type: none;
}
</style>
</head>
<body>
<li onclick='g(this.id)' id=w><small>文字</small></li><br>
<li onclick='g(this.id)' id=i><small>文字</small></li><br>
<li onclick='g(this.id)' id=y><small>文字</small></li><br>
<script type=text/javascript>
function g(x)
{
d=document.getElementsByTagName('li')
for(p=d.length;p--;){
if(d[p].id!=x){d[p].style.backgroundColor='#FFFFFF'/*其他*/}
else{d[p].style.backgroundColor='#D2D2D2'/*点击的*/}
}
}
</script> </body> </html>
一个简单的for循环就解决了我写了一大堆的问题！
声明：本例子是在网上找到的一个例子，如有侵权请与我联系 邮箱：1783096984@qq.com