vue移除伪元素_获取伪元素的属性和改变伪元素的属性

获取伪元素的属性值

获取伪元素的属性值可以使用window.getComputedStyle()方法，获取伪元素的CSS样式声明对象。然后利用getPropertyValue方法或直接使用键值访问都可以获取对应的属性值。

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

参数如下：

element(Object)：伪元素的所在的DOM元素；

pseudoElement(String)：伪元素类型。可选值有：”:after”、”:before”、”:first-line”、”:first-letter”、”:selection”、”:backdrop”；

js语法实例：

var mydiv=document.querySelector('#mydiv');

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

更改伪元素的样式

通过更换class来实现伪元素属性值的更改：

举个栗子：

// CSS代码

.red::before {

content: "red";

color: red;

}

.green::before {

content: "green";

color: green;

}

// HTML代码

内容内容内容内容

// jQuery代码

$(".red").removeClass('red').addClass('green');

vue移除伪元素_获取伪元素的属性和改变伪元素的属性相关推荐

java输出set中的元素_老师，为什么遍历Set集合里的元素，一直都是有序的输出呢？...
源自:4-11 学生选课---通过 Set 集合管理课程老师,为什么遍历Set集合里的元素,一直都是有序的输出呢? package com.imooc.collection; import java ...
python矩阵中找满足条件的元素_从numpy数组中取出满足条件的元素示例
例如问题:从 arr 数组中提取所有奇数元素. input:arr = np.array([0, 1, 2, 3, 4, 5, 6, 7, 8, 9]) output: #> array([1, ...
java线性表删除第i个元素_第08话：线性表删除某个元素
根据之前定义的线性表ADT,现在还剩下一个操作,就是删除了.今天把这个操作弄完. 了解线性表的插入,就很容易理解线性表的删除了.删除就是插入的逆过程. 删除算法的思路: 如果删除位置不合理,抛出异常: ...
js remove 当前元素_详解js删除数组中的指定元素
本篇文章将会给大家介绍两种删除数组中的指定元素的方式,分别为: 1.单独定义一个的函数,通过函数来删除指定数组元素. 2.为Array对象定义了一个removeByValue的方法,在调用方法来删除指 ...
java中什么是伪共享_【Java】聊聊多线程中的伪共享现象
首页专栏 java 文章详情 0 聊聊多线程中的伪共享现象小强大人发布于 1 月 27 日什么是伪共享? 讲伪共享之前,让我们先乘坐时光机,回到大学课堂,来重温下计算机组成原理的基础知识.我们知 ...
审查元素找不到创建的元素_香奈儿除了珍珠，还有哪些你不知道的经典元素？答案在原文中找...
Chanel曾经说过:"没有珍珠的女人,不算是女人" 珍珠是Coco永远的标志无论白天还是夜晚也无论她穿着运动服还是毛衣男装裤甚至在她人生最后的一段日子珍珠饰品都如影随形. ...
class 原生js获取父元素_JS获取节点的兄弟,父级,子级元素的方法
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的J ...
pta数据结构实验在数组中查找指定元素_如何从一个数组中查找指定的元素，并返回这个元素在数组中的位置...
展开全部和Vector都是使用Objec的数组形式来存储的.当你向这两种类型中增加元素的时候,如果元素的数目超出e68a84e8a2ad62616964757a686964616f313332646 ...
java list去除最后一个元素_如何快速删除list中的最后一个元素？
(前言: 在项目中,在统计在线用户量及其行为方式的时候,想在项目如"/bob/recode/online",结果发现:把写日志的东西放到了ebin文件下,即:/bob/ebin/r ...

vue移除伪元素_获取伪元素的属性和改变伪元素的属性

vue移除伪元素_获取伪元素的属性和改变伪元素的属性相关推荐

最新文章

热门文章