使用JavaScript获取CSS伪元素属性

weixin_33756418

于 2014-01-24 11:45:00 发布

阅读量85

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dubaokun/p/3532221.html

本文介绍了如何使用window.getComputedStyle方法来获取CSS伪元素（如:before）的样式属性，包括颜色和内容等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　我们可以通过DOM元素的 style 属性获取基本的CSS样式值, 但怎么获取CSS伪元素属性呢? 如下

// 获取 .element:before 的 color 值
var color = window.getComputedStyle(
    document.querySelector('.element'), ':before'
).getPropertyValue('color');
 
 
// 获取 .element:before 的 content 值
var content = window.getComputedStyle(
    document.querySelector('.element'), ':before'
).getPropertyValue('content');