Javascript 在dijit layout tabcontainer中更改一系列选项卡中一个选项卡的标签颜色

我试图更改dijit/layout/tabcontainer中选项卡的标签颜色，以将其与其他选项卡区分开来，但我没有任何运气

我得到了这个HTML：

<div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="region:'center'" id="tc" >
                <div data-dojo-type="dijit/layout/ContentPane" title="Start" id="Start" class="TabBackground"></div>
        <!--bunch more tabs here-->

                <div data-dojo-type="dijit/layout/ContentPane" title="Attachments" id="Attachments" class="TabProp1Fund"></div>

                <div data-dojo-type="dijit/layout/ContentPane" title="Finish" id="Finish" class="TabBackground"></div>
            </div>

正在尝试javascript：

var TabAttachments = dojo.byId("Attachments");
                        TabAttachments.dijitTab.tabLabel.style.color="green";//dijitTab and tabLabel are undefined

你知道我错过了什么吗？实际上，我更喜欢更改选项卡颜色，但我不知道是否有此属性

---

感谢

这是因为类没有在生成的选项卡菜单中复制，它只保留在内容窗格div中，但您可以通过使用类搜索内容窗格（在dom加载后准备就绪）来动态执行，获取它的ID并将颜色、类或任何您想要的应用于

“tc\u tablist\ux”+contentePaneID

以便将其应用于具有指定类的所有内容窗格。（使用dojo/dom样式）

请参见下面的工作代码段：

下面我将颜色直接应用于dom，但最好创建类，并使用

domClass.add（“someNode”，“newClass”）添加它
需要([
“dojo/query”，
“dojo/on”，
“dojo/dom”，
“dojo/dom风格”，
“dojo/ready”，
“dijit/layout/TabContainer”，
“dijit/layout/ContentPane”，
“dojo/domReady！”
]，函数（查询、打开、dom、domStyle、就绪、TabContainer、ContentPane）{
就绪（函数（）{
查询（“.TabProp1Fund”）.forEach（函数（元素）{
console.log（element.id）
var textNode=dom.byId（“tc_tablist_”+element.id）；
console.log（textNode）
如果（！textNode）返回；
domStyle.set（textNode{
颜色：“橙色”
});
});
});
});

dojoConfig={
async:true，
parseOnLoad：true
}

var TabAttachments = dojo.byId("Attachments");
                        TabAttachments.dijitTab.tabLabel.style.color="green";//dijitTab and tabLabel are undefined