如何使用javascript将样式附加到html中现有的内联样式？

我有一个用例，我制作了一封电子邮件，并向其中添加了一个变量类，在处理时可以从后端获取它的值。问题是对于这个变量类，可以有两个值，对于这两个值，我需要向承载该类的元素添加一些样式

let sheet = document.createElement('style');
                                    sheet.innerHTML = ".displayfield{display : block;} " +
                                        ".ndisplayfield{display : none;}";
                                    activeEles[0].classList.add('${displayClass}');
                                    activeEles[0].appendChild(sheet);

其中，

activeEles[0]

是元素，

${displayClass}

是变量类。sheet是我想要附加的样式

---

我该怎么做呢？

试试这个

var css = '.displayfield{display : block;}.ndisplayfield{display : none;}',
    sheet = document.createElement('style');

style.type = 'text/css';
style.appendChild(document.createTextNode(css));

activeEles[0].appendChild(sheet);
activeEles[0].classList.add("displayClass")

---

请问您为什么使用${displayClass}作为类名？如果您希望将变量添加为类，您应该使用var myClass=“displayClass”并只添加（myClass）我想稍后使用es6模板添加该类Git不起作用，当我发送电子邮件时，样式标记丢失问题不在于javascript。是的，我搜索了网络，后来才知道这是Gmail的问题，因为在Yahoo mail上我也得到了同样的结果。还有其他方法吗？感谢您的指导，我使用了npm的jsdom库，并根据我决定displayClass值的条件在内联样式中启用了它