选项卡更改时，document.getElementById({IDHERE}).style.color不工作

选项卡更改时，document.getElementById({IDHERE}).style.color不工作是因为该方法只能设置元素的内联样式，而不是外部样式。当使用该方法时，需要确保要更改颜色的元素具有内联样式。

如果想要在选项卡更改时改变元素的颜色，可以考虑以下解决方案：

1. 使用类名：为要更改颜色的元素定义一个特定的类名，并在选项卡更改时通过JavaScript切换该类名。CSS样式表中定义该类名的样式，以改变元素的颜色。
2. 使用CSS变量：在CSS中定义一个颜色变量，并在选项卡更改时通过JavaScript修改该变量的值。在元素的样式中使用该变量，以实现颜色的更改。
3. 使用事件监听器：为选项卡更改事件添加一个监听器，并在该监听器中使用JavaScript更改元素的颜色。可以通过querySelector等方法选择要更改颜色的元素。

例如，使用类名的解决方案：

HTML代码：

<div id="tabContent" class="tab-content">选项卡内容</div>

CSS代码：

.tab-content {
  color: red;
}

.tab-content.active {
  color: blue;
}

JavaScript代码：

// 监听选项卡更改事件
document.addEventListener('DOMContentLoaded', function() {
  var tabs = document.querySelectorAll('.tab');
  
  tabs.forEach(function(tab) {
    tab.addEventListener('click', function() {
      // 切换选项卡样式
      tabs.forEach(function(tab) {
        tab.classList.remove('active');
      });
      this.classList.add('active');
      
      // 切换内容颜色
      var tabContent = document.getElementById('tabContent');
      tabContent.classList.toggle('active');
    });
  });
});

在上述代码中，为选项卡添加了一个监听器，在点击选项卡时，切换了选项卡的类名，并通过该类名来更改内容的颜色。

腾讯云相关产品介绍链接：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云轻量应用服务器：https://cloud.tencent.com/product/lighthouse
• 腾讯云容器服务：https://cloud.tencent.com/product/tke
• 腾讯云函数计算：https://cloud.tencent.com/product/scf
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网通信：https://cloud.tencent.com/product/iot_explorer