在做頁面的時候遇到這個問題的部分的原結構是引用ui框架vant的元件。
我是想通過觸發js事件動態修改該元件裡偽元素的內容
因此收集了相關api和我最終的解決方案
insertrule方法（firefox、safari、opera和chrome都支援）mdn insertrule
該介面用來給當前樣式表插入新的樣式規則（css rule），並且包含一些限制。
注意：儘管 insertrule() 是 cssstylesheet 的乙個方法，但它實際插入的地方是 cssstylesheet.cssrules 的內部 cssrulelist。
使用方法：
document.stylesheets[0].insertrule(「選擇器名稱::before」, 0);
addrule（ie支援）
mdn addrule
dataset
document.queryselector(『選擇器名稱』).dataset(『icon』,』\uf0af』)
不過我在做專案的時候不知道為什麼dataset()失效，設定不了，所以我改用setattribute()去設定
使用方法：
document.queryselector(「選擇器名稱」).setattribute(「data-icon」, 「\uf0af」);
因為做頁面的時候，想通過觸發事件再動態修改選擇器的偽元素content的值，通過幾次試驗，最後採用了第4個的方法解決了問題。
js 動態控制 input 框 的唯讀屬性
需求 當下拉框的值為06即voucher時,文字框才可輸入,其他情況均為置灰不可錄入狀態.問題 設定input框的唯讀屬性寫成了readonly true 尼瑪,坑死我了.下面才對 readonly readonly td payment mode select id paymentmode nam...
iview 通過多選框動態控制 Table 列數
首先說需求 1.通過多選框是否選中來控制 對應的列是否顯示,預設選中全部顯示,未選中隱藏,如下圖 上 class function list icon md search button icon md sync button icon ios list box button icon trigger...
js結合後台返回引數，動態控制各列資料展示
效果圖 08 00 21 30 這樣的列是動態生成的，如果某乙個時間段屬於工作時間段，則合併，否則設定為預設 閒 全域性變數宣告 varglobal per 30 每30分鐘乙個刻度 varglobal start time 08 00 varglobal end time 21 30 初始化 設定...