在 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 内维护应用程序状态,这绝不是一个好主意。
我用这个:
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 内维护应用程序状态,这绝不是一个好主意。