如果我单击任何子项，如何在顶部li上设置活动类

<ul id="menu">
  <li class="active">子项1</li>
  <li>子项2</li>
  <li>子项3</li>
</ul>

// 获取所有li元素
var menuItems = document.querySelectorAll('#menu li');

// 遍历每个子项，为其添加点击事件监听器
menuItems.forEach(function(item) {
  item.addEventListener('click', function() {
    // 移除当前具有活动类的li元素上的活动类
    var currentActiveItem = document.querySelector('#menu li.active');
    currentActiveItem.classList.remove('active');
    
    // 将活动类添加到被点击的子项所在的li元素上
    item.classList.add('active');
  });
});