javascript - 更改所选 <a> 标签的 id

Question

我有这样的菜单选项卡:

 <li><a id="current" href="Index.aspx">A</a></li>
 <li><a href="suppliers.aspx">B</a></li>
 <li><a href="RealWedding.aspx">C</a></li>
 <li><a href="About.aspx">D</a></li>
 <li><a href="ContactUs.aspx">E</a></li>

CSS 是这样的:

ul#minitabs a#current {
border-color: #EEACAC;
color:#AC2B53
}

如何更改所选的 id="current"，而不是与第一个保持不变。

Answer 1

此代码将根据打开的页面将 id 设置为 current 链接。我想这就是你的意思。

window.onload = function(){

  var url = window.location.href;
  url = url.split('/').pop();
  document.querySelector('a[href='+url+']').id="current";

};