原生css 点击后换样式

<li>
 <a href="CategoryServlet?action=list" target="iframe" id="a1" οnclick="Change('1')">工具类别管理</a>
 </li>
 <li>
 <a href="ProductServlet?action=list" target="iframe" id="a2" οnclick="Change('2')">工具库存和使用管理</a>
 </li>
 <li>
 <a href="ProviderServlet?action=list" target="iframe" id="a3" οnclick="Change('3')">工具供应商管理</a>
 </li>
 <li>
 <a href="UnitServlet?action=list" target="iframe" id="a4" οnclick="Change('4')">工具单位管理</a>
 </li>
 <li>
 <a href="VipServlet?action=list" target="iframe" id="a5" οnclick="Change('5')">客户管理</a>
 </li>
 <li>
 <a href="UserServlet?action=list" target="iframe" id="a6" οnclick="Change('6')">登录账号</a>
 </li>function Change(num) {
 var OldColor='#FFFFFF';
 var Black='#FF00ff';
 let aa = parseInt(num);

 for(var i=1;i<7;i++)
 {
 if(i===aa)
 document.getElementById("a"+i).style.backgroundColor =OldColor;
 else
 document.getElementById("a"+i).style.backgroundColor ='';
 }
 }