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

How to get height of "br" element using jquery?

本文关键字：quot 元素 高度 jquery br 获取 何获取      更新时间：2023-09-26

我尝试在我的网页上获得<br />的高度。我使用以下代码片段:

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

但是只有Mozilla Firefox像这个代码，所有其他浏览器返回0。是否有一个简短的JS代码，给我正确的高度回来?

PS:我使用这个方法，因为我知道所需的大小X是X= other_size - 4*br_size

换行取决于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" />

似乎<br>没有height属性。你也不能在浏览器的inspect中看到它的高度。如果在<br>之后有另一个元素，您可以使用以下代码:

var height = $("br").next().position().top - $("br").position().top
console.log(height);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Hello</p>
<br/>
<p>Goodbye</p>

试试这个。

var br = $('br').first();
var div = $('<div>Text</div>');
div.css({
  'font-size': br.css('font-size'),
  'line-height': br.css('line-height'),
  'position': 'fixed',
  'visibility': 'hidden',
});
$('body').append(div);
alert(div.outerHeight());
div.remove();

outerHeight呢?

$('br').outerHeight();
https://jsfiddle.net/6fag6tos/

相关文章：