javascript - 测量文本节点的高度

Question

这个问题已经有答案了:

Measure bounding box of text node in Javascript (2 个回答)

已关闭 9 年前。

是否有任何方法可以测量文本节点的高度而不包裹它？

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

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

这是我的 Playground :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;。

部分代码取自Measure bounding box of text node in Javascript

<强> DEMO