Javascript 前景和背景的CSS控制

我有两个单独的条件来控制文本框的前景色和背景色。条件完全不同。一个条件控制前景，另一个条件控制背景。我正在用JavaScript设置类，但我不知道如何设置类

---

对于前景/背景混合的每种可能性，我是否有一个CSS元素，或者是否有可能有多个类？

是的，您可以有多个类

css:

html

CSS

.backgroundToggled {
}

.foregroundToggled {
}

HTML

<div id='myId'></div>

或Jquery:

if( /* condition foreground */) { 
   $('myId').addClass('foregroundToggled');
}  
if( /* condition bacground */) { 
   $('myId').addClass('backroundToggled');
}  

如果条件前景和条件背景为true，则div将为：

<div id='myId' class='foregroundToggled backroundToggled'></div>

您可以添加CSS和JS代码吗？您可以在一个元素上有多个类，下面是关于如何使用纯JavaScript添加/删除类的一些信息

var element = document.getElementById('myId');
if( /* condition foreground */) { 
   element.className += ' foregroundToggled';
}  
if( /* condition bacground */) { 
   element.className += ' backgroundToggled';
} 

if( /* condition foreground */) { 
   $('myId').addClass('foregroundToggled');
}  
if( /* condition bacground */) { 
   $('myId').addClass('backroundToggled');
}  

<div id='myId' class='foregroundToggled backroundToggled'></div>