龙空技术网

干货:JS获取伪元素(Pseudo-Element)属性方法

切图和跨屏 248

前言:

现在看官们对“js获取元素下的子元素”可能比较珍视,你们都需要剖析一些“js获取元素下的子元素”的相关资讯。那么小编在网络上搜集了一些对于“js获取元素下的子元素””的相关文章,希望小伙伴们能喜欢,看官们一起来学习一下吧!

以前,伪元素的CSS属性是无法用JS获取的,但现在,有一个新的JS方法可以去访问它们,接下来就问大家演示下:

CSS:

 .element:before {content: 'NEW';color: rgb(255, 0, 0);}

为了获取.element:before里的样式属性,你可以使用下面的JavaScript代码:

var color = window.getComputedStyle(

将伪元素作为window.getcomputedstyle方法的第二个参数,你能获取到伪元素样式里的属性!将这个技巧放入你的知识库里,随着浏览器的发展,伪元素将会变得越来越有用!

希望对大家有所帮助!

切图 qietu(.com)

标签: #js获取元素下的子元素