onClick选择标签下拉选项切换div容器

<div class="tab">
  <button onclick="toggleTab('tab1')">标签1</button>
  <button onclick="toggleTab('tab2')">标签2</button>
  <button onclick="toggleTab('tab3')">标签3</button>
</div>

<div id="tab1" class="tab-content">标签1的内容</div>
<div id="tab2" class="tab-content">标签2的内容</div>
<div id="tab3" class="tab-content">标签3的内容</div>

function toggleTab(tabId) {
  var tabContent = document.getElementsByClassName("tab-content");
  for (var i = 0; i < tabContent.length; i++) {
    tabContent[i].style.display = "none";
  }
  document.getElementById(tabId).style.display = "block";
}

.tab-content {
  display: none;
}