使用style获取元素及设置元素样式注意点

最新推荐文章于 2024-05-15 00:45:57 发布

_处女座程序员的日常

最新推荐文章于 2024-05-15 00:45:57 发布

阅读量1.1k

点赞数

分类专栏：前端 js css 文章标签： javascript css 前端

本文链接：https://blog.csdn.net/qq_42931285/article/details/124418982

版权

前端同时被 3 个专栏收录

357 篇文章 11 订阅

订阅专栏

227 篇文章 1 订阅

订阅专栏

css

108 篇文章 0 订阅

订阅专栏

可以通过style可以给元素设置样式的。

需要注意的是：style是一个对象，只能获取行内样式(写在标签里的)，不能获取内嵌的样式和外链的样式。

 <div style="height:100px;width:100px; background-color:pink;" class="box">style</div>

  .box{
     
      color: orange;
    }
  mounted(){
 let ele = document.querySelector('.box');
 console.log(ele.style.height);// 内联样式,打印为100px
 console.log(ele.style.height);// 内联样式，打印为100px
 console.log(ele.style.color);// 通过clssName设置，非内联样式，获取不到，是空值
 console.log(ele.style.backgroundColor);// 内联样式，打印为pink。