在javascript中获取边框宽度的更好方法是什么?

时间:2016-01-23 12:02:52

标签: javascript css getcomputedstyle

我用这个:

var playGard =document.getElementsByClassName("playGard")[0];

var borderW= getComputedStyle(playGard,null).getPropertyValue('border-left-width').substr(0,2);

我得到的价值" 10"。

javascript中有一种更好的缩短方式吗?

(将数值作为数字)

1 个答案:

答案 0 :(得分:2)

显然,substr(0, 2)并不是一个好主意,因为如果宽度小于10或大于100,它就无法工作。

相反,只需删除" px" string(如果它在那里;如果值为0则可能不是):

+val.replace('px', '')

前导+是将其转换为数字。

但为什么?

更有趣的问题是你为什么要尝试获得边框宽度。你打算用它做什么?使用getComputedStyle有点反模式。它通常表明您正在尝试在CSS中维护应用程序状态,这绝不是一个好主意。