在单击时将类添加到HTML列表中的一个且仅一个元素

<ul id="myList">
  <li id="item1">列表项1</li>
  <li id="item2">列表项2</li>
  <li id="item3">列表项3</li>
</ul>

// 获取列表中的所有列表项
const items = document.querySelectorAll('#myList li');

// 为每个列表项添加单击事件处理程序
items.forEach(item => {
  item.addEventListener('click', () => {
    // 移除列表中所有元素的类
    items.forEach(item => item.classList.remove('active'));
    
    // 添加类到当前被点击的列表项
    item.classList.add('active');
  });
});

.active {
  background-color: yellow;
}