js修改伪类元素样式

最新推荐文章于 2024-07-18 21:13:18 发布

weixin_30776273

最新推荐文章于 2024-07-18 21:13:18 发布

阅读量355

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/miraclesakura/p/6244612.html

版权

<body>
<div class="htmlbox_close"></div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var str = window.getComputedStyle($('.htmlbox_close')[0], '::before').getPropertyValue('top');
console.log(str);
document.styleSheets[0].addRule('.htmlbox_close::before', 'top:100px');
document.styleSheets[0].insertRule('.htmlbox_close::before { top:100px }', 0);
document.styleSheets[0].addRule('.htmlbox_close::after', 'top:100px');
document.styleSheets[0].insertRule('.htmlbox_close::before { top:100px }', 0);

var str2 = window.getComputedStyle($('.htmlbox_close')[0], '::before').getPropertyValue('top');
console.log(str2);
</script>
</body>

转载于:https://www.cnblogs.com/miraclesakura/p/6244612.html

weixin_30776273

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js修改伪类元素样式

<style type="text/css"> .htmlbox_close::before, .htmlbox_close::after { content: ''; position: absolute; height: 2px; top: 4%; width: 3%; left: 2...
复制链接

扫一扫