JavaScript實作修改偽類樣式-js教程-PHP中文網

專案中時常會需要用到使用JavaScript來動態控制為元素(:before,:after)的樣式，但是我們都知道JavaScript或jQuery並沒有偽類選擇器。本文我們主要介紹了JavaScript實作修改偽類樣式的方法以及程式碼實作過程。

HTML

Hi, this is a plain-old, sad-looking paragraph tag.

CSS

.red::before {
content: &#39;red&#39;;
color: red;
}

登入後複製

#方法一

使用JavaScript或jQuery切換

元素的類別名，修改樣式。

.green::before {
content: &#39;green&#39;;
color: green;
}
$(&#39;p&#39;).removeClass(&#39;red&#39;).addClass(&#39;green&#39;);

登入後複製

方法二

在已存在的