用forEach表达一个选项卡

很高兴回答你的问题。以下是用forEach表达一个选项卡的示例代码：

const tabs = document.querySelectorAll('.tab');
const panels = document.querySelectorAll('.panel');

tabs.forEach(tab => {
tab.addEventListener('click', () => {
// 切换选项卡样式
tabs.forEach(item => item.classList.remove('active'));
tab.classList.add('active');

// 切换面板显示
const targetPanel = document.querySelector(tab.dataset.target);
panels.forEach(panel => panel.classList.remove('active'));
targetPanel.classList.add('active');
});
});

这段代码使用了forEach方法遍历选项卡，为每个选项卡添加了点击事件监听器。当用户点击选项卡时，代码会切换选项卡的样式，并显示对应的面板。