javascript - テキストノードの getBoundingClientRect() に相当するものはありますか?

Question

テキスト ノードの境界矩形を取得する方法はありますか?

getBoundingClientRect() メソッドは要素のみで定義され、親要素は実際のテキスト ノードよりも大きくなります。

Answer 1

テキスト ノードを でラップし、そのスパンの を<span>取得します。boundingRect

var span = document.createElement('span');
textNode.parentNode.insertBefore(span, textNode);
span.appendChild(textNode);
var rect = span.getBoundingClientRect();