js 点击不同li 切换颜色

html

    <div>
          <li class="m-li" id="4" onclick='addColor(this.id)'>
            会议简介
          </li>
          <li class="m-li" id="5" onclick='addColor(this.id)'>
            会议议程
          </li>
          <li class="m-li" id="6" onclick='addColor(this.id)'>
            会议嘉宾
          </li>
        </div>

js  

 function addColor(x)
  {
     let list=document.getElementsByTagName('li')
     for(let p=list.length;p--;){
          if(list[p].id!=x){
            list[p].classList.remove("personal");
            }
          else {
            /*点击的*/
            list[p].classList.add("personal");
          }
      }
  }

css  

 .personal {
    color: #3A99FF;
  }
原文地址:https://www.cnblogs.com/guangzhou11/p/12052801.html