纯tab切换代码，需要有选中标签背景颜色设置

纯JavaScript的Tab切换代码通常会涉及到HTML结构和一些基本事件监听。首先，你需要HTML里的标签列表，每个标签都有唯一的ID：

<ul id="tabs">
  <li class="active" id="tab1">标签1</li>
  <li id="tab2">标签2</li>
  <!-- 添加更多标签 -->
</ul>

<div id="content">
  <div id="tabContent1" style="display:none;">内容1</div>
  <div id="tabContent2" style="display:none;">内容2</div>
  <!-- 根据标签添加对应的隐藏内容 -->
</div>

然后用JavaScript实现点击切换功能：

var tabs = document.querySelectorAll('#tabs li');
var contents = document.querySelectorAll('#tabContent');

// 遍历所有标签
tabs.forEach(function(tab, index) {
  tab.addEventListener('click', function() {
    // 隐藏所有内容
    contents.forEach(function(content) {
      content.style.display = 'none';
    });

    // 显示当前点击标签对应的内容
    var selectedContent = document.getElementById(this.id + 'Content');
    if (selectedContent) {
      selectedContent.style.display = 'block';

      // 设置选中标签的样式（背景颜色）
      this.classList.add('active');
      for (var i = 0; i < tabs.length; i++) {
        if (i !== index) {
          tabs[i].classList.remove('active');
        }
      }
    }
  });
});

在这个例子中，当用户点击一个标签时，相应的内容块会被显示，同时当前选中的标签会有特定的背景颜色或其他选中状态标识。