我需要幫助做作業(yè)。我需要通過在動(dòng)態(tài)生成的導(dǎo)航中突出顯示活動(dòng)菜單項(xiàng)來創(chuàng)建 Wayfinder。當(dāng)單擊按鈕更改菜單項(xiàng)時(shí)，我的代碼沒有響應(yīng)。這是我渲染的 HTML 和 JavaScript 代碼。var urlLink = "http://localhost/acme/products/?action=category&categoryName=Rocket";var path = urlLink.split("=").pop();console.log(path);liContainer = document.getElementById("navMenu");const navAnchor = liContainer.getElementsByClassName('mainMenu');/*navAnchor.forEach(anchor => {  anchor.addEventListener('click', addActive);});*/for (var i = 0; i < navAnchor.length; i++) {  navAnchor[i].addEventListener("click", addActive);}function addActive(e) {  var liAnchor = liContainer.target.tagName("a").getAttribute("href");  if (liAnchor.split("=").pop() === path) {    const current = document.querySelector('li.active');    current.className = current.className.replace(" active", "");    e.target.className += " active";  }}.active {  background-color: red;  color: white;  padding: 10px}<ul id="navMenu">  <li class="mainMenu active"><a href="/acme/" title="View the Acme home page">Home</a></li>  <li class="mainMenu"><a href="/acme/products/?action=category&amp;categoryName=Cannon" title="View our Cannon product line">Cannon</a></li>  <li class="mainMenu"><a href="/acme/products/?action=category&amp;categoryName=Explosive" title="View our Explosive product line">Explosive</a></li>  <li class="mainMenu"><a href="/acme/products/?action=category&amp;categoryName=Misc" title="View our Misc product line">Misc</a></li>  <li class="mainMenu"><a href="/acme/products/?action=category&amp;categoryName=Rocket" title="View our Rocket product line">Rocket</a></li>  <li class="mainMenu"><a href="/acme/products/?action=category&amp;categoryName=Trap" title="View our Trap product line">Trap</a></li></ul>