如何从 JavaScript 设置多个 CSS 类

【问题标题】：How can i set multiple CSS class from JavaScript如何从 JavaScript 设置多个 CSS 类
【发布时间】：2015-02-20 11:49:41
【问题描述】：

我有以下

CSS：

.a { position: absolute; }    
.a .b { color: red }    
.a .c { color: green }

如何使用 Java Script 为元素设置“.a .b”类？

【问题讨论】：

【解决方案1】：

通过className 属性：

var element = document.getElementById('myelement');
element.className = 'a b';

但是，正如 @dfsq 在 cmets 中提到的那样，您可能必须修复您的 CSS 规则来为同一元素而不是其后代设置类，例如.a.b { color: red; }.

文档： https://developer.mozilla.org/en-US/docs/Web/API/Element.className

【讨论】：