javascript - 获取div内文本的实际高度

Question

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

有点像$("#my-div").textHeight() 会很棒

Answer 1

或者，如果您正在尝试整个文本 block 的高度，试试这个: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'));
});