如何通過JavaScript更改CSS樣式

Question

我有CSS風格

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

我需要通過Java腳本將此屬性更改為：

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

Answer 1

使用普通的Javascript，您可以使用以下代碼進行操作：

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

更好的做法是將另一個修飾符類應用於您的元素。

您將所選容器存儲為變量，並告訴javascript將一個附加類應用到該.container-selected （ .container-selected ）或您選擇的一個。

然后只需將所需的更改應用於該修飾符類，如下所示：

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

因此，javascript將查找該元素，將帶有更新圖標的新類應用於該元素，然后瞧。