Как да промените CSS стил от javascript - javascript, css3

Имам css стил

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

Трябва да променя този атрибут от java script, за да стана:

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

Отговори:

С помощта на обикновен ванилов Javascript можете да направите това, като използвате следния код:

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

По-добра практика е да приложите друг клас модификатор към вашия елемент.

Вие съхранявате избрания контейнер като променлива и казвате на JavaScript да приложите допълнителен клас към него (.container-selected) или по ваш избор.

След това просто приложите необходимите промени към този клас модификатор, като така:

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

Следователно javascript ще търси този елемент, ще приложи новия клас с актуализираната икона към него и voila.