测量文本节点的高度

Question

如果有什么方法可以测量文本节点的高度而不包裹它？

我尝试过无用的本机方法node.style.height，然后node.clientHeight是 jQuery 方法$(node).height()

它给了我 javascript 错误Uncaught TypeError: Cannot read property 'height' of undefined

这是我的游乐场：http ://jsfiddle.net/acrashik/F99mm/1/

Answer 1

您可以尝试获取TextNode 的边界框（使用 Range，将高度设置为边界框的高度）：

var height = 0;
if (document.createRange) {
    var range = document.createRange();
    range.selectNodeContents(textNode);
    if (range.getBoundingClientRect) {
        var rect = range.getBoundingClientRect();
        if (rect) {
            height = rect.bottom - rect.top;
        }
    }
}

并将textNode替换为类似document.body.firstChild;.

一些代码取自Javascript 中测量文本节点的边界框

演示版