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}是变量类。和sheet是我想要追加的样式。

我该怎么办？

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

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

1 个答案: