最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JS获取对象的某个CSS属性值的问题_html/css

来源:动视网 责编:小采 时间:2020-11-27 16:37:39
文档

JS获取对象的某个CSS属性值的问题_html/css

JS获取对象的某个CSS属性值的问题_html/css_WEB-ITnose:function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } } 该方法很强大,兼容所有浏览器,可获取对象的某个特定的CSS属性; 但是后来使用该方法时,发现在火狐和IE上有个共同的BUG,就是获取border的值时,他们都返回空了; 因为浏览器对border的渲染有差异,
推荐度:
导读JS获取对象的某个CSS属性值的问题_html/css_WEB-ITnose:function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } } 该方法很强大,兼容所有浏览器,可获取对象的某个特定的CSS属性; 但是后来使用该方法时,发现在火狐和IE上有个共同的BUG,就是获取border的值时,他们都返回空了; 因为浏览器对border的渲染有差异,


function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }

该方法很强大,兼容所有浏览器,可获取对象的某个特定的CSS属性;

但是后来使用该方法时,发现在火狐和IE上有个共同的BUG,就是获取border的值时,他们都返回空了;

因为浏览器对border的渲染有差异,在火狐上border是分四个方向来渲染的,

所以获取border的值时,要分开获取,

这样:getStyle(obj,'borderLeftWidth') 来取得边框的值。

其实这个方法本身是没有任何问题的,只是在使用时,只是在使用时对浏览器本身的一些差异,还是要注意;

是否其他属性的值也有这种差异,还要在实际使用时去发现。

另外,该方法在获取行内样式时是不通用的,还是要用 obj.style[attr]

文档

JS获取对象的某个CSS属性值的问题_html/css

JS获取对象的某个CSS属性值的问题_html/css_WEB-ITnose:function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } } 该方法很强大,兼容所有浏览器,可获取对象的某个特定的CSS属性; 但是后来使用该方法时,发现在火狐和IE上有个共同的BUG,就是获取border的值时,他们都返回空了; 因为浏览器对border的渲染有差异,
推荐度:
标签: js 问题 html
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top