getComputedStyle获取元素样式值

2021/9/24 23:15:56

编程Tag： 样式 const 获取 console div style getComputedStyle log

本文主要是介绍getComputedStyle获取元素样式值，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

html：

    <style>
      .div {
        width: 200px;
        height: 200px;
        background-color: greenyellow;
      }
    </style>
  </head>
  <body>
    <div class="div">一些文字</div>
    <script>
      const div = document.getElementsByClassName('div')[0]
      const style = getComputedStyle(div)
      console.log(style)
      console.log(style.backgroundColor) // rgb(173, 255, 47)
    </script>
  </body>

vue：

  mounted() {
    const ref = this.$refs.h1Ref
    const style = getComputedStyle(ref)
    console.log(style)
    console.log(style.color)
    ref.classList.add('aa')
  }

这篇关于getComputedStyle获取元素样式值的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

getComputedStyle获取元素样式值

相关编程文章