A-A+

火狐上getComputedStyle获取borderWidth返回值为空字符串

2015年11月10日 JavaScript 评论 1 条 阅读 207 次

用getComputedStyle在火狐上获取borderWidth时,是获取不了的,

border并非一个属性,你定义的border:20px solid #000,实际上是被解释为:
borderleftwidth:20px;borderleftcolor:#000;borderleftstyle:solid;....
因为一个div有四条边,每条边的样式(如宽度,颜色等)都可能不同,所以在引用时需要确切地指出是哪个边。
因此这里应该这么写:
{alert(getStyle(oDiv, 'borderLeftWidth'))}
由于你每条边的宽度都是一样的,所以选哪个都可以

没有像谷歌这样一个borderWidth方便

这是FF的bug,getComputedStyle(obj, false)['borderWidth']始终返回一个空字符串,建议取其中的一条border就能正常取到值
demo:http://www.siyuweb.com/demo/jsdemo/duokuangjiayundong.html
标签:

1 条留言  访客:1 条  博主:0 条

  1. bateer

    从百度点进来的,支持一下

给我留言

Copyright © web前端技术开发个人博客 保留所有权利.   Theme  Ality

用户登录