JS 实现对伪元素的操作

获取伪元素

返回一个CSSStyleDeclaration 对象（只读）

let btnBefore = window.getComputedStyle(document.querySelector('.btn-item'),':before');
//读取伪元素的某个样式
console.log(btnBefore.borderColor);

修改伪元素的样式

// 修改伪元素样式
var style = document.createElement("style");
document.head.appendChild(style);
let sheet = style.sheet;
// 插入在样式表的最后
sheet.addRule('.btn-item::before', 'border-color: lightcoral;');
// 插入在样式表的指定index
// sheet.insertRule('.btn-item::before { border-color: lightcoral; }',0);