给伪元素的css属性动态赋值以及获取css属性值

灰太狼 2022-04-04 05:28 1424阅读 0赞

一/ 设置值

就是动态添加style

  1. $('head').append($('<style class="styleBefore">.leveltwo-scroll::before{height:' + domRight + 'px;}</style>'));

二/ 获取值

  1. #leveltwo-scroll::before {
  2.             content: 'hai';
  3.             position: absolute;
  4.             top: 0;
  5.             left: 7px;
  6.             width: 0.5px;
  7.             height: 0px;
  8.             background-color: #ccc;
  9.         }
  10. //获取值
  11. var myIdElement = document.getElementById("leveltwo-scroll");
  12. var beforeStyle = window.getComputedStyle(myIdElement, ":before");
  13. console.log(beforeStyle); // [CSSStyleDeclaration Object]
  14. console.log(beforeStyle.width); // 0.5px
  15. console.log(beforeStyle.getPropertyValue("width")); // 0.5px
  16. console.log(beforeStyle.content); // "hai"

参考文章

发表评论

表情：
评论列表 （有 0 条评论，1424人围观）

还没有评论，来说两句吧...

相关阅读

    相关 准确获取指定元素CSS属性值

    如何实现javascript精确获取元素css属性值？当处理 DOM 元素的 CSS 属性时，我们经常会遇到一个问题：明明页面上已经定义了 CSS 属性值，但在获取的时候却为空

    悠悠悠悠/ 0 赞/ 267 阅读