看看是否能满足你的要求:
<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>