前言

​ 由于本人的能力有限,如若有说得做的不对的地方,还望指出。当然,如若你有更好的方法,或者更优解,还望不吝赐教。

获取视窗高度

1
let htmlWidthPX = document.documentElement.clientWidth || document.body.clientWidth

获取html的font-size

1
let htmlFontSizePX=document.getElementsByTagName('html')[0].style.fontSize

设置fontSize

1
document.getElementsByTagName('html')[0].style.fontSize= xxx + "px"

更新

1.window.getComputedStyle(element, [pseudoElt]) 获取指定元素对应CSS属性的最终计算值

  • 官方解释

  • 参数解析

    • element:必需,要获取样式值的元素对象
    • pseudoElt:可选,表示指定节点的伪元素(:before、:after、:first-line、:first-letter等)
  • 兼容性

    • IE9+浏览器支持此方法
    • edge浏览器支持此方法
    • 谷歌浏览器支持此方法
    • opera浏览器支持此方法
    • 火狐浏览器支持此方法
    • safria浏览器支持此方法
  • 例子

    • window.getComputedStyle(element,null)
      
      1
      2
      3
      4
      5
      6
      7

      注意:上面获取的是所有的样式属性。是数组的形式

      如果想要获取单独的属性可以使用这个属性getPropertyValue()

      ```js
      window.getComputedStyle(element, "伪类").getPropertyValue(style);

如果能够帮助到你,是小编最大的荣幸

当然 有 不好的地方 请大家帮忙指出 学习永无止境

小编一直认为 人外有人 天外有天 一起学习 共同进步

让我们共同加油吧!!!

程序的世界,写作的过程中部分文章难免会参考与借鉴网络上的一些资源、见解。如有侵权请与作者联系。如若如实侵权,文章会在24小时内删除。如若由于部分文章存在侵权行为给您带来不便还请见谅。

本博客仅仅为自己以及前端爱好者提供便利,不做任何商业用途。