如何在Javascript中使用ComputedStyle获得边框宽度？

下面的命令

window.getComputedStyle(box).getPropertyValue("border")

他回来了

"0.994318px solid rgb(255, 0, 0)"

如何使用ComputerStyle获得边框宽度？有没有办法将border参数替换为另一个参数，以便在上述情况下输出

0.994318px

近似

指定所需的确切CSS属性，因此“边框宽度”

编辑：正如@HereticMonkey指出的，在Firefox中，我在链接文章中没有提到，你需要对你的属性进行细化。因此，对于边框宽度，您需要获得准确的边框，例如边框底部宽度。

类似于

指定所需的确切CSS属性，因此“边框宽度”

---

编辑：正如@HereticMonkey指出的，在Firefox中，我在链接文章中没有提到，你需要对你的属性进行细化。因此，对于边框宽度，您需要获得准确的边框，例如边框底部宽度。

要从类中获取“边框顶部宽度”，请执行以下操作：

<style>.mystyle{border:8px solid grey;padding:10px;}</style>

<div id="xyz" class="mystyle">just testing</div>

var mydiv=document.getElementById'xyz'

var borderTop=parseIntgetComputedStylemydiv.getPropertyValueborder顶部宽度。替换为'px'

---

console.log'borderTop:'+borderTop；//->8

从类中获取“边框顶部宽度”：

<style>.mystyle{border:8px solid grey;padding:10px;}</style>

<div id="xyz" class="mystyle">just testing</div>

var mydiv=document.getElementById'xyz'

var borderTop=parseIntgetComputedStylemydiv.getPropertyValueborder顶部宽度。替换为'px'

---

console.log'borderTop:'+borderTop；//->8

那么读边框宽度而不是边框？那么读边框宽度而不是边框？这个问题的答案似乎表明需要获取“边框顶部宽度”、“边框底部宽度”等。这也行，但如果所有边的边框都相同，border width返回一个值我指的是关于你链接到的问题的公认答案，上面说，但是Firefox似乎需要使用这种语法的特定角落。getPropertyValue'border-top-left-radius'；，这对我说，如果OP使用的是Firefox，他们可能需要将每一方单独设置。@HereticMonkey将我扔进一个黑洞，称我为dense，你是对的。更新。该问题的答案似乎表明需要获取“边框顶部宽度”、“边框底部宽度”等。@HereticMonkey这也可以，但如果所有边的边框都相同，则边框宽度返回单个值我指的是您链接的问题的可接受答案，上面说，但是Firefox似乎需要使用这种语法的特定角落。getPropertyValue'border-top-left-radius'；，这对我说，如果OP使用的是Firefox，他们可能需要将每一方单独设置。@HereticMonkey将我扔进一个黑洞，称我为dense，你是对的。Updated.isnotvar borderTop=parseIntgetComputedStylemydiv.GetPropertyValueBorderWidth.replace'px'，；也要工作吗？是的，蓝调，我的例子展示了如何获得顶部边界，有“边缘”的情况下，边界将不在所有四个边上，或者可能与其他边的大小不同。顺便说一句，我喜欢你如何通过替换“px”来摆脱px，而只获得number@BlueSkies一个更好的例子是使用保证金，我最近有一个例子，上面的边距是+1，下面的边距是-8。我试着计算x，y位置和偏移。视线包括填充，但不包括边距，一旦我可以考虑我的计算工作的边距。我很好奇为什么输出是0.994318px实心rgb255，0，0，而不是1px实心rgb255，0，0…不是var borderTop=parseIntgetComputedStylemydiv.getPropertyValueborder width。替换“px”，；也要工作吗？是的，蓝调，我的例子展示了如何获得顶部边界，有“边缘”的情况下，边界将不在所有四个边上，或者可能与其他边的大小不同。顺便说一句，我喜欢你如何通过替换“px”来摆脱px，而只获得number@BlueSkies一个更好的例子是使用保证金，我最近有一个例子，上面的边距是+1，下面的边距是-8。我试着计算x，y位置和离轴包括填充，但不包括边距，一旦我能考虑到边距，我的计算就成功了。我很好奇为什么输出是0.994318px实心rgb255，0，0，而不是1px实心rgb255，0，0。。。