JS 获取元素伪元素样式

JS 想要获取元素的伪元素样式,可以通过如下方式

CSS

1
2
3
.hover-active::before {
  border-left: 1px solid red;
}

JS

1
2
3
4
5
let item = document.getElementsByClassName('hover-active')[0]
let borderLeftStyle = window.getComputedStyle(item, '::before').getPropertyValue('border-left')

// border-left: 1px solid red;
console.log(borderLeftStyle)