使用JavaScript获取元素样式值

最新推荐文章于 2022-09-25 10:37:55 发布

等月光倾洒

最新推荐文章于 2022-09-25 10:37:55 发布

阅读量187

点赞数

分类专栏： javscript 文章标签： JavaScript getComputedStyle 样式值 DOM元素前端开发

本文链接：https://blog.csdn.net/rqz__/article/details/119217452

版权

javscript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

js获取元素样式值

// 通过getComputedStyle获取DOM元素上所有样式。
  <button>click</button>
  <script>
    const but = document.querySelector('button')
    const butStyle = getComputedStyle(but)
    console.log(butStyle);	// 输出but上所有的样式。
    console.log(butStyle.backgroundColor);	// 控制台输出rgb(239, 239, 239)，类型是字符串。
  </script>