获取div中文本的实际高度

Question

所以我有一个内容可编辑的div，我正在添加文本。当某人输入一定金额时，我想设置一个警告。但是，我添加了更改字体大小，粗体，斜体等的能力。所以有一种方法可以获得div中文本的实际高度，即使文本没有填满整个div ？

喜欢的东西 $("#my-div").textHeight()会很棒

Answer 1

或者，如果您正在尝试整个文本块的高度，请尝试以下操作：fiddle

HTML：

<div id='hold'>
    <div id='text' contenteditable>Lorem ipsum, lorem ipsum</div>
</div>
<button id='checkTextHeight'>Check Text Height</button>

CSS：

#hold {
    border: 1px solid black;
    width: 100px;
    height: 300px;
}
#text {
    min-width: 1em;
    min-height: 1em;
}

JS：

$('#checkTextHeight').click(function() {
    alert($('#text').css('height'));
});

Answer 2

您可以将内容封装在display: inline元素中，并使用jquery $('.my-inline-element').height()

获取高度

实施例： http://codepen.io/anon/pen/kbtEr

Answer 3

var size_of_text = $('#my-div').css("font-size");

应该检索div的字体大小，我假设它是文本的高度。