Javascript获取伪元素(伪元素)属性的方法和技巧

CSS伪元素(伪元素)是非常有用的,你可以使用它来创建CSS三角形,并使用它的提示框,你也可以用它完成许多简单的任务,而不需要额外的HTML元素。此前,这个伪元素的CSS属性不可用的Javascript,但现在,有一个新的Javascript方法访问它们!假设您的CSS代码如下所示:

复制代码代码如下所示:

{元素:以前

内容:新的;

颜色:RGB(255, 0, 0);

}



要获取元素中的样式属性:在前面,您可以使用以下Javascript代码:

复制代码代码如下所示:

VaR的颜色= window.getcomputedstyle(

document.queryselector('元'),'前'

)。GetPropertyValue(色彩)



使用伪元素的window.getcomputedstyle方法的第二个参数,你可以在伪元素的风格得到属性!把这个技术放到你的知识库中,随着浏览器的发展,伪元素会变得越来越有用!