如何通过javascript更改css样式

我有css风格

chosen-container b::after {
font-family: FontAwesome;
content: "\f078";
}

我需要通过java脚本将此属性更改为：

chosen-container b::after {
font-family: FontAwesome;
content: "\f077"; 

---

使用普通Javascript，您可以使用以下代码完成此操作：

var cont = document.getElementByClassName(".chosen-container");
cont.className += " container-selected";

更好的做法是对元素应用另一个修改器类

您将所选容器存储为变量，并告诉javascript对其应用附加类。容器已选定或您选择的一个

然后简单地将所需的更改应用于该修改器类，如下所示：

.chosen-container.container-selected b::after {
     font-family: 'FontAwesome';
     content: "\f077"; 
}

---

因此，javascript将查找该元素，将带有更新图标的新类应用于该元素，然后瞧。

最简单的方法是简单地创建第二个类，例如，.Selected container在{…}之后切换b:：并使用javascript在两者之间切换。不能直接使用javascript操作CSS样式。如果您想要更改CSS的属性，最好创建两个不同的CSS类，并使用JSVAscript有条件地使用它们（可能的重复）