在網頁設計中，CSS偽類是非常常見的一種技術，它可以幫助我們在不改變HTML結構的情況下，實現對元素的各種狀態樣式的控制。而在JavaScript中，我們也可以通過操作CSS偽類來實現對元素狀態的控制。下面我們就來看一下如何使用JavaScript添加CSS偽類。

首先，我們需要獲取到需要添加偽類的元素。假設我們有一個按鈕，需要在點擊之后添加“active”狀態，那么我們可以通過DOM操作獲取到該元素：

var btn = document.getElementById("btn");

接著，我們通過addEventListener方法為該元素綁定點擊事件，并在事件處理函數中添加偽類：

btn.addEventListener("click", function(){
btn.classList.add("active");
});

在上面的代碼中，我們使用classList屬性來獲取元素的類名列表，然后使用add方法為其添加一個名為“active”的類名，這樣就實現了CSS的偽類效果。

當然，我們也可以通過JavaScript來移除已添加的偽類。假設我們需要在點擊后取消“active”狀態，我們可以將事件處理函數改為：

btn.addEventListener("click", function(){
if(btn.classList.contains("active")){
btn.classList.remove("active");
}else{
btn.classList.add("active");
}
});

在上述代碼中，我們首先判斷該元素是否已經存在“active”類名，如果存在則移除，否則添加。這樣，在每次點擊時，我們就可以實現對偽類狀態的切換了。