javascript - 如何使用 jquery 获取 "br"元素的高度？

Question

我尝试获取 <br /> 的高度在我的网页上。我使用这个片段。

br_size = $('br').height();
console.log(br_size);

但只有 Mozilla Firefox像这段代码一样，所有其他浏览器都会返回 0。 是否有一个简短的 JS 代码可以让我返回正确的高度？

PS:我用这个方法，因为我知道需要的尺寸X是X= other_size - 4*br_size

Answer 1

换行符取决于 HTML/BODY 标签中指定的行高，如果未指定，则浏览器可能会使用自己的。但是，如果您指定行高，例如 20px，则换行符应为 20px。您或许可以使用 JavaScript 来确定默认行高

(function() {
  var br = document.getElementById('foo');
  alert(br.scrollHeight);
  if (br.currentStyle) {
    alert(br.currentStyle['lineHeight']);
  } else {
    alert(document.defaultView.getComputedStyle(br, null).getPropertyValue('line-height'));
  }
})();

<br id="foo" />