一个HTML页面中的多个选项卡没有唯一引用(没有ID或类)

var tabs = document.getElementById('tab-container').children;
var tabContent = document.getElementById('tab-content-container').children;

// 通过索引来显示第一个选项卡内容
tabContent[0].style.display = 'block';

// 点击选项卡时切换对应内容的显示
for (var i = 0; i < tabs.length; i++) {
  tabs[i].addEventListener('click', function() {
    // 隐藏所有选项卡内容
    for (var j = 0; j < tabContent.length; j++) {
      tabContent[j].style.display = 'none';
    }
    // 显示对应索引的选项卡内容
    tabContent[i].style.display = 'block';
  });
}

<div class="tab" data-tab="tab1">Tab 1</div>
<div class="tab" data-tab="tab2">Tab 2</div>
<div class="tab" data-tab="tab3">Tab 3</div>

var tabs = document.querySelectorAll('.tab');
var tabContent = document.querySelectorAll('.tab-content');

// 默认显示第一个选项卡内容
tabContent[0].style.display = 'block';

// 点击选项卡时切换对应内容的显示
tabs.forEach(function(tab) {
  tab.addEventListener('click', function() {
    var tabId = tab.getAttribute('data-tab');
    // 隐藏所有选项卡内容
    tabContent.forEach(function(content) {
      content.style.display = 'none';
    });
    // 显示对应标识符的选项卡内容
    document.getElementById(tabId).style.display = 'block';
  });
});

<div class="tab">Tab 1</div>
<div class="tab">Tab 2</div>
<div class="tab">Tab 3</div>

var tabs = document.querySelectorAll('.tab');
var tabContent = document.querySelectorAll('.tab-content');

// 默认显示第一个选项卡内容
tabContent[0].style.display = 'block';

// 点击选项卡时切换对应内容的显示
tabs.forEach(function(tab) {
  tab.addEventListener('click', function() {
    var tabText = tab.textContent;
    // 隐藏所有选项卡内容
    tabContent.forEach(function(content) {
      content.style.display = 'none';
    });
    // 显示对应文本内容的选项卡内容
    tabContent.forEach(function(content) {
      if (content.textContent === tabText) {
        content.style.display = 'block';
      }
    });
  });
});