javascript - 无法使用纯 JavaScript 获取元素的边框底部宽度

Question

我有以下简单代码:

var element = document.getElementById('image_1');
style = window.getComputedStyle(element);
borderBottom = style.getPropertyValue('border-bottom');
console.log(borderBottom);

#image_1 {
  position: absolute;
  top: 340px;
  border-bottom: 1px;
}

<div id="image_1">hello</div>

这是我的 JsFiddle .

有什么想法吗？

Answer 1

如果您修复了您的 CSS，它就可以正常工作。您为 border 属性声明了底部宽度，但没有声明其他必需的值，因此您的示例中实际上不存在边框。

检查一下:

#image_1 {
   position: absolute;
   top: 340px;
   border:1px solid black;
}

JsFiddle