用JavaScript获取伪元素

用JavaScript获取伪元素,第1张

ps安装错误代码160怎么解决?_WEB前端开发

解决方法:1、在桌面上找到ps的启动图标,右键,选择属性;2、在d窗中点击“兼容性”,勾选“以兼容模式运行这个程序”,兼容模式选择win7;3、勾选“以管理员身份运行此程序”,勾选之后点击右下角的“应用”按钮,然后点击“确定”按钮即可。


用JavaScript获取伪元素,第2张

CSS伪元素(pseudo-elements)非常的有用——你可以用它制作出CSS三角形,用在提示框上面,还可以用它完成很多简单的任务,而不需要多余的HTML元素。


以前,伪元素的CSS属性是无法用JavaScript获取的,但现在,有了一个新的JavaScript方法可以访问它们! 假设你的CSS代码是这样的:

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

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

现代JavaScript使用技巧之ES6中的简写语法_WEB前端开发

ES6为一些已有的功能提供了非破坏性更新,这类更新中的大部分我们可以理解为语法糖,称之为语法糖,意味着,这类新语法能做的事情其实用ES5也可以做,只是会稍微复杂一些。


本章我们将着重讨论这些语法糖,看完之后,可能你会对一些你很熟悉的ES6新语法有不一样的理解。


var color = window.getComputedStyle(
	document.querySelector('.element'), ':before'
).getPropertyValue('color')

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

推荐教程:《javascript基础教程》

以上就是用JavaScript获取伪元素(Pseudo-Element)属性的方法详解的详细内容,更多请关注ki4网其它相关文章!

flex布局和传统的布局有什么不同_WEB前端开发

传统布局基于盒模型,依赖display属性、position属性、float属性;flex布局用来为盒状模型提供最大的灵活性。


设为display:flex的元素成为容器,它的子元素成为项目。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zaji/560479.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2020-06-20
下一篇 2020-06-20

发表评论

登录后才能评论

评论列表(0条)

保存