html连结变动 - 编程论坛

各位先进，小弟有一事请教一下，以下的html code怎样把连结按下，然后<a class="current">会随着按下该连结而替换到该位置上？
如何用javascript表达出来？谢谢！

程序代码：

  <header>
    <h1><a href="index.html">connex</a></h1>
    <div class="inside">
      <nav>
        <ul class="sf-menu">
          <li><a href="javascript:void(null);" onclick="displayContent('index1.html" <span style="color: Red;">class="current"</span>>首页</a></li>
          <li><a href="javascript:void(null);" onclick="displayContent('index2.html">甜品</a></li>
          <li><a href="javascript:void(null);" onclick="displayContent('index3.html">情侣</a></li>
          <li><a href="javascript:void(null);" onclick="displayContent('index4.html')">时尚配饰系列</a></li>
          <li><a href="javascript:void(null);" onclick="displayContent('index5.html')">关于我们</a></li>
        </ul>
      </nav>
    </div>
  </header>
......
<iframe>......</iframe>
......