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

Question

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

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}是变量类。 工作表是我要附加的样式。

我该怎么办？

Answer 1

尝试这个

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")