Mr尐哈拉 2016-09-13 00:33 采纳率: 90.9%
浏览 6242
已采纳

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


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

  • 写回答

7条回答 默认 最新

  • Mop.Duan 2016-09-13 02:29
    关注
    看看是否能满足你的要求:
    <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>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题?

悬赏问题

  • ¥15 数学的三元一次方程求解
  • ¥20 iqoo11 如何下载安装工程模式
  • ¥15 本题的答案是不是有问题
  • ¥15 关于#r语言#的问题:(svydesign)为什么在一个大的数据集中抽取了一个小数据集
  • ¥15 C++使用Gunplot
  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 蓝桥杯单片机第十三届第一场,整点继电器吸合,5s后断开出现了问题