资讯专栏INFORMATION COLUMN

获取元素css值

Gemini / 3072人阅读

摘要:所以为了兼容性考虑我们可以封装一下最后第一次写文章可能不怎么样,望大神们轻拍自转行来现在公司已有几个月了,公司就我一个前端,工作也比较少,好多基础东西不写项目都要忘了,接下来要自己写点东西好好回忆巩固一下了。

最近写东西碰到一个问题,通过document.getElementById(id).style.XXX无法获取到样式值?查完资料才发现方法只能获取元素的内联样式,那要获取内部样式或外部样式该怎么办?

getComputedStyle

原来获取外部样式或内部样式用的是window.getComputedStyle方法,用法如下:




    
    getComputedStyle
    


    

这种方法可以很好的在Chrome、Firefox、Opera、Safari、IE9+运行,但在IE8及以下的浏览器就不行了,原来在IE6-IE8有自己的方法:element.currentStyle。所以为了兼容性考虑我们可以封装一下:

function getStyle (obj, sName){
    return (obj.currentStyle || window.getComputedStyle(obj, false))[sName];
}
最后

第一次写文章可能不怎么样,望大神们轻拍......
自转行来现在公司已有几个月了,公司就我一个前端,工作也比较少,好多基础东西不写项目都要忘了,接下来要自己写点东西好好回忆巩固一下了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111376.html

相关文章

  • jQuery 属性与样式

    摘要:与中用方法来获取和设置元素属性是属性的缩写,在操作中会经常用到有个表达式传入属性名获取属性的值属性名属性值设置属性的值属性名函数值设置属性的函数值给指定元素设置多个属性值,即属性名一属性值一属性名二属性值二删除方法为匹配的元素集合中的每个元 .attr()与.removeAttr() jQuery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在j...

    yibinnn 评论0 收藏0
  • jQuery入门笔记之(一)选择器引擎

    摘要:选择器,若未作特别说明,获取的都是元素集合。过滤器名语法说明选取所有不可见元素选取所有可见元素注意过滤器一般是包含的内容为样式为表单类型为和的元素。四子元素过滤器子元素过滤器的过滤规则是通过父元素和子元素的关系来获取相应的元素。 转自个人博客本来是单独整理了一个CSS选择器的,但是在jQuery中基本都有对应的,所以就不发了。 jQuery选择器,若未作特别说明,获取的都是元素集合。...

    charles_paul 评论0 收藏0
  • 常用JavaScript操作CSS方法总结

    摘要:返回值一个对象集合,包含六个属性上下左右宽高注意只用于行内元素只能获取样式只读获取元素位置获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。返回一个类数组对象,其包含样式表中所有规则。 [TOC] 获取样式 元素对象的宽高位置距离等属性 如offsetWidht、cilentWidht、scrollWidth…… let oWidth=obj.offsetWidth; 注意...

    enali 评论0 收藏0
  • jQuery入门笔记之(二)文档对象模型

    摘要:删除指定的属性,这个方法就不可以使用匿名函数,传递和均无效。遍历对象数组索引,鍵,属性名属性值,值相当于遍历原生对象数组时,为元素。在使用使用时,可以使用传入匿名函数的方法,实现由默认到几个之间的切换。 转自个人博客 基础 DOM 和 和 CSS 一. 设置元素及内容 我们通过前面所学习的各种选择器、过滤器来得到我们想要操作的元素。这个时候,我们就可以对这些元素进行 DOM 的操作。...

    FleyX 评论0 收藏0
  • 我们来翻翻元素样式的族谱-getComputedStyle

    摘要:大家应该非常熟悉的方法那么如何在不引用的情况下同样实现这个功能呢本文就介绍使用原生来获取样式的方法作者原文链接我们来翻翻元素样式的族谱是什么方法可以获取当前元素所有最终使用的属性值返回的是一个样式声明对象只读也就是说获取到的不仅仅是我们自 大家应该非常熟悉jQuery的css()方法,那么如何在不引用jQuery的情况下同样实现这个功能呢?本文就介绍使用原生JS来获取样式的方法. 作者...

    graf 评论0 收藏0
  • 我们来翻翻元素样式的族谱-getComputedStyle

    摘要:大家应该非常熟悉的方法那么如何在不引用的情况下同样实现这个功能呢本文就介绍使用原生来获取样式的方法作者原文链接我们来翻翻元素样式的族谱是什么方法可以获取当前元素所有最终使用的属性值返回的是一个样式声明对象只读也就是说获取到的不仅仅是我们自 大家应该非常熟悉jQuery的css()方法,那么如何在不引用jQuery的情况下同样实现这个功能呢?本文就介绍使用原生JS来获取样式的方法. 作者...

    shengguo 评论0 收藏0

发表评论

0条评论

Gemini

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<