如何通過JavaScript的

改變CSS樣式我有CSS樣式如何通過JavaScript的

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

我需要改變由Java腳本這個屬性成爲：

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

2017-01-23 M.Ahmed

最簡單的方法是簡單地創建第二個類（例如.chosen-container-toggled b :: after {...}）並使用javascript在兩者之間切換。 – Snowmonkey

您無法直接使用Javascript來操作CSS樣式。如果你有這樣的情況下，你想改變CSS的屬性，最好創建兩個不同的CSS類，並使用它們conditinally使用jsvascript –

可能重複http://stackoverflow.com/questions/5041494/selecting-and-manipulating- CSS-僞元素 - 例如-AS-之前和之後，使用設 – acesmndr

使用普通的香草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將尋找元素，更新圖標，並瞧應用新類。

2017-01-23 17:02:46 snkv

回答