设置一个li点击变色的方法

Question

如图，想加一个点击哪条li，哪条就变背景色的方法

Answer 1

看看是否能满足你的要求：
<script type="text/javascript">
    var tempUL = document.getElementById("CompanyList");
    for( var i=0;i<5;i++){
        var tempLi = document.createElement("li");
        tempLi.dataId = i+1;
        var tempString = "<div style='float:left;' class='num'>" +(i+1)+"</div><div style='float:left;' class='Company'>段总分公司</div></br>";
        tempLi.onclick = function() {
            if(this.className=="lionclick"){
                this.className="";//li变色 
                this.firstChild.className="";
                this.firstChild.nextSibling.className="Company";
            }else{
                this.className="lionclick";//li变色 
                this.firstChild.className="lionclick";//num变色 
                this.firstChild.nextSibling.className="lionclick";//conmpany变色 
            }
        }
        tempLi.innerHTML=tempString;
        tempUL.appendChild(tempLi);
    }

</script>
<style type="text/css">
    li{  
        list-style-type:none;  
    }  
    .Company{
        background: #449d44;
    }
    .lionclick{
        background: yellow;
    }
</style>