星空网 > 软件开发 > Java

JavaScript getComputedStyle

我们使用 element.style 也可以获取元素的CSS样式声明对象,但是其与 getComputedStyle 方法还是有一些差异的。

首先,element.style 是可读可写的,而 getComputedStyle  为只读。

其次,element.style 只可以获取 style 样式上的属性值,而无法得到所有的 CSS 样式值,什么意思呢?回顾一下 CSS 基础,CSS 样式表的表现有三种方式,

  1. 内嵌样式(inline Style) :是写在 HTML 标签里面的,内嵌样式只对该标签有效。
  2. 内部样式(internal Style Sheet):是写在 HTML 的 <style> 标签里面的,内部样式只对所在的网页有效。
  3. 外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以 .CSS 为后缀的 CSS 文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个 CSS 文件。 

而 element.style 只能获取被这些样式表定义了的样式,而 getComputedStyle 能获取到所有样式的值(在不同浏览器结果不一样)

为方便查看,记下。 

  function getStyle(obj, attr){    if(window.getComputedStyle){      return getComputedStyle(obj, false)[attr];    }    else{      return obj.currentStyle[attr];   //兼容IE6、7、8    }  }  

 




原标题:JavaScript getComputedStyle

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

母婴电商Mumshop正在打造中东“宝宝树”母婴生态!:https://www.ikjzd.com/articles/13745
前瞻丨2021年亚马逊5大政策变化趋势:https://www.ikjzd.com/articles/137452
香港商标可以在内地使用么?:https://www.ikjzd.com/articles/137454
站外引流篇:如何高效玩转facebook的技巧:https://www.ikjzd.com/articles/137455
外媒:为保障圣诞旺季 eBay英国站推出卖家保护政策:https://www.ikjzd.com/articles/137456
外媒:三图看懂Shopify在全球电商中所占份额:https://www.ikjzd.com/articles/137457
深圳有没有比较好玩的景点 深圳有没有比较好玩的景点推荐一下:https://www.vstour.cn/a/366175.html
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流