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;
  }