用JavaScript获取伪元素(Pseudo-Element)属性的方法
来源:互联网 发布:python 逐行读取txt 编辑:程序博客网 时间:2024/05/18 15:06
CSS伪元素(pseudo-elements)非常的有用——你可以用它制作出CSS三角形,用在提示框上面,还可以用它完成很多简单的任务,而不需要多余的HTML元素。以前,伪元素的CSS属性是无法用JavaScript获取的,但现在,有了一个新的JavaScript方法可以访问它们! 假设你的CSS代码是这样的:
.element:before {content: 'NEW';color: rgb(255, 0, 0);}
为了获取.element:before
里的样式属性,你可以使用下面的JavaScript代码:
var color = window.getComputedStyle(document.querySelector('.element'), ':before').getPropertyValue('color')
将伪元素作为window.getComputedStyle
方法的第二个参数,你能获取到伪元素样式里的属性!将这个技巧放入你的知识库里,随着浏览器的发展,伪元素将会变得越来越有用!
0 0
- 用JavaScript获取伪元素(Pseudo-Element)属性的方法
- Javascript获取CSS伪元素属性的实现代码
- CSS 伪元素 (Pseudo-elements)
- CSS 伪元素 (Pseudo-elements)
- Appium通过element获取元素属性
- jQuery修改CSS伪元素属性的方法
- jQuery修改CSS伪元素属性的方法
- javascript中DOM元素的属性方法
- 获取元素样式属性的方法
- js获取元素的方法与属性
- 【JavaScript】DOM(二)获取元素+设置属性的六种方法
- javascript 获取元素位置的快速方法
- javascript 获取 iframe 内部元素的方法
- JavaScript获取元素子集的兼容方法
- javascript获取元素的css样式方法
- JavaScript获取DOM元素的方法总结
- 获取元素的属性
- CSS 伪元素 (Pseudo-elements)(二十一)
- 【c++程序】时钟程序
- JVM性能调优监控工具jps、jstack、jmap、jhat、jstat使用详解
- shell脚本编程(严格的终端格式控制,美丽的输出字体颜色)
- ARM汇编和内嵌汇编
- FFmpeg深入分析之零-基础
- 用JavaScript获取伪元素(Pseudo-Element)属性的方法
- Mysql 常用命令
- MAC下使用adb连接android手机
- Java中native关键字 JNI
- Macbook 更改终端个性化设置
- 苹果开发 笔记(11)UITouch
- C++primer 学习1.2 --1.3初识输入和输出
- ViewDragHelper详解
- adb 启动错误