在javascript中获取边框宽度的更好方法？

【问题标题】：Better way to get the border width in javascript?在javascript中获取边框宽度的更好方法？
【发布时间】：2016-01-23 22:31:06
【问题描述】：

我用这个：

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

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

我得到值“10”。

在javascript中有更好的更短的方法吗？

（以数字形式获取值）

【问题讨论】：

似乎是对的，这就是获取计算样式的方法
你的问题本身就有你的答案！
How to get border width in jQuery/javascript的可能重复
document.getElementById("ppp").style.border.. 这会给你边框
@SajadKaruthedath 是的，只使用 javascript。

标签： javascript css getcomputedstyle

【解决方案1】：

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

相反，只需删除“px”字符串（如果存在；如果值为 0，则可能不存在）：

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

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

但是为什么呢？

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

【讨论】：

它是为了得到没有边框的宽度/高度。我玩一个小游戏，用一个圆圈，如果触摸边框，圆圈就会变成红色。