单击后保持菜单项在onclick处于活动状态

<ul>
  <li onclick="activateMenuItem(this)">菜单项1</li>
  <li onclick="activateMenuItem(this)">菜单项2</li>
  <li onclick="activateMenuItem(this)">菜单项3</li>
</ul>

li {
  /* 默认状态样式 */
}

li.active {
  /* 活动状态样式 */
}

function activateMenuItem(item) {
  // 移除所有菜单项的活动状态
  var menuItems = document.getElementsByTagName('li');
  for (var i = 0; i < menuItems.length; i++) {
    menuItems[i].classList.remove('active');
  }

  // 添加当前点击的菜单项的活动状态
  item.classList.add('active');
}