原生JS获取伪元素

1.获取伪元素

原生JS中可以使用 window.getComputedStyle() 来获取伪元素.然后利用getPropertyValue方法或直接使用键值访问都可以获取对应的属性值。

语法：window.getComputedStyle(element, [pseudoElement])

• 参数如下：
• element（Object）：伪元素的所在的DOM元素；
• pseudoElement（String）：伪元素类型。可选值有：”:after”、”:before”、”:first-line”、”:first-letter”、”:selection”、”:backdrop”；

JS语法实例：

var mydiv=document.querySelector('#mydiv');  // 获取伪元素所在的DOM对象

var mydivBefore=window.getComputedStyle(mydiv,'::before'); //获取伪元素

var fontSize=window.getComputedStyle(mydiv,'::before').getPropertyValue('font-size');//获取before伪元素的字号大小