Question

<ul>中的<li>我点击一个<li>后这个的<li>改变背景色和字体颜色其他不变，求JS和CSS代码

<ul>中的<li>我点击一个<li>后这个的<li>改变背景色和字体颜色其他不变，再点击别的<li>上一个颜色变回来，这个改变，求JS和CSS代码

Answer 1

<ul id=list>
    <li>111111111111</li>
    <li>222222222222</li>
    <li>333333333333</li>
    <li>444444444444</li>
</ul>
<script>
    window.onload=function(){
        var lis=document.getElementById("list").getElementsByTagName("li");
        for(var i=0;i<lis.length;i++){
            lis[i].setAttribute("index",i);
            lis[i].onclick=function(){
                for(var i=0;i<lis.length;i++){
                    if(this.getAttribute("index")==i){
                        lis[i].style.color="#fff";
                        lis[i].style.backgroundColor="#666";
                    }else{
                        lis[i].style.color="";
                        lis[i].style.backgroundColor="";
                    }
                }
            }
        }
    }
</script>