第 17 课 9 / 20 ｜ 编码：L17-13
核心知识

同步选中与显示状态

切换 Tab 时要同时更新 aria-selected、tabindex 和对应面板 hidden。

  • Tab 列表通常仅一个按钮进入顺序焦点；区分焦点项与选中项
  • 只有当前面板显示
  • 视觉 class 与语义状态保持一致
tab.setAttribute('aria-selected', active);
tab.tabIndex = active ? 0 : -1;
panel.hidden = !active;