如何在单击菜单中的名称时对<li>标签进行分类

<li onclick="classifyItems('category1')">菜单项1</li>
<li onclick="classifyItems('category2')">菜单项2</li>
<li onclick="classifyItems('category3')">菜单项3</li>

function classifyItems(category) {
  // 获取所有的<li>标签元素
  var items = document.getElementsByTagName('li');

  // 遍历每个菜单项
  for (var i = 0; i < items.length; i++) {
    var item = items[i];

    // 根据category参数判断分类
    if (category === 'category1') {
      // 将菜单项移动到分类1的位置
      // 例如，可以将其添加到id为category1的<ul>标签中
      document.getElementById('category1').appendChild(item);
    } else if (category === 'category2') {
      // 将菜单项移动到分类2的位置
      // 例如，可以将其添加到id为category2的<ul>标签中
      document.getElementById('category2').appendChild(item);
    } else if (category === 'category3') {
      // 将菜单项移动到分类3的位置
      // 例如，可以将其添加到id为category3的<ul>标签中
      document.getElementById('category3').appendChild(item);
    }
  }
}

<ul id="category1"></ul>
<ul id="category2"></ul>
<ul id="category3"></ul>