Javascript 动态更新面包屑&；突出显示活动颜色

我为标题感到抱歉。我不知道如何为下面的场景写标题

对于专家来说，下面的问题更容易回答。请容忍我的英语

我正在创建一个单页的公文包。在网站中，我有顶部菜单、面包屑、内容和页脚

如果单击任何菜单或子菜单，相应的div将正确加载，但我希望根据菜单动态更改面包屑

下面是顶部菜单的HTML代码

 <div id="eyMenuNav">
  <ul id="navmenu">
    <li class="on">
      <a class='link1' href="#first">Article on Technology</a></li>
    <li>
      <a class="sub" href="#">Success Stories</a>
      <ul>
        <li>
          <a class='link2' href="#second" onclick="onctext();">Customer Quotes</a>
        </li>
        <li>
          <a class='link3' href="#third" onclick="onctext();">CSS, Appreciation - Metrics</a>
        </li>
        <li>
          <a class='link4' href="#four" onclick="onctext();">Lesson Learnt</a>
        </li>
      </ul>
    </li>
    <li>
      <a class='link5' href="#five">Hexaware Key Contributor</a>
    </li>
  </ul>
</div>

请帮我解决上述问题

注意：我不是只使用jquery，而是使用javascript的iam

谢谢

---

Mahadevan

将

此

参数添加到

onctext（）

调用中，使您的菜单项如下所示：

<a class='link3' href="#third" onclick="onctext(this);">CSS, Appreciation - Metrics</a>

---

您好，谢谢您的建议，现在您可以帮助我如何将我的活动类更改为我单击的相应链接吗

function onctext()
{
document.getElementById("crumb").innerHTML="Success Stories - Customer Quotes";
}

<a class='link3' href="#third" onclick="onctext(this);">CSS, Appreciation - Metrics</a>

function onctext(elm) {
    var text = elm.innerHTML;
    document.getElementById("crumb").innerHTML = text;

    // set active class
    var active = document.getElementsByClassName('active')[0];
    if (active) {
        active.className = active.className.replace(' active', '');
    }
    elm.className += ' active';
}