在 javascript 中获得边框宽度的更好方法?

Better way to get the border width in javascript?

我用这个:

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

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

我得到值“10”。

在javascript中有更好的更短的方式吗?

(获取数字值)

显然,substr(0, 2) 不是一个好主意,因为如果宽度小于 10,或大于 100,它将不起作用。

相反,只需删除 "px" 字符串(如果存在;如果值为 0,则可能不存在):

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

前导+是把这个转成数字

但是为什么呢?

更有趣的问题是您为什么要尝试获取边框宽度。你打算用它做什么?使用 getComputedStyle 有点像 anti-pattern。它通常表示您正试图在 CSS 内维护应用程序状态,这绝不是一个好主意。