在没有Jquery的情况下更改活动选项卡

// 获取选项卡元素和内容元素
var tabElements = document.getElementsByClassName('tab');
var contentElements = document.getElementsByClassName('content');

// 添加事件监听器
for (var i = 0; i < tabElements.length; i++) {
  tabElements[i].addEventListener('click', function() {
    // 移除所有选项卡的活动类
    for (var j = 0; j < tabElements.length; j++) {
      tabElements[j].classList.remove('active');
    }
    // 添加当前选项卡的活动类
    this.classList.add('active');

    // 隐藏所有内容元素
    for (var k = 0; k < contentElements.length; k++) {
      contentElements[k].style.display = 'none';
    }
    // 显示与当前选项卡对应的内容元素
    var targetId = this.getAttribute('data-target');
    document.getElementById(targetId).style.display = 'block';
  });
}