如何通過js操作::after和::before的樣式

　　今天想把一個項目的列表中的publish的欄位樣式改為

開關這種效果，單擊一下就update資料庫publish欄位，public對應資料庫里的欄位publish，類型是bit。當我單擊一下，就可以讓開關改變狀態，如果提交到後臺，我想後臺返回publish欄位的值，前端拿到publish進行判斷然後再改變開關的狀態。

看了一下，好像不是js控制開關的效果，查看元素的時候怎麼這開關是::before和::after呢，這是什麼啊，我都沒見過。查了一下資料，這是偽元素，允許開發人員在元素內容的前後插入生成的內容的。

偽元素不是DOM元素，不能用常規的js方法操作。然後查看了一下css文件中的偽元素的樣式，我們不能改動框架里封裝好的樣式

　　我想通過判斷改變這兩個偽元素的的樣式就可以了，於是去查找他們操作樣式的js方法。我們首先從新定義兩個樣式，一個是開關打開的樣式，一個是開關關閉的樣式，這是

然後前端，進行判斷，重新添加新的樣式覆蓋原來的樣式

第一次分享經驗寫隨筆，樂於分享，努力寫好代碼。