获取单词的坐标

Question

在我的 HTML 中，我有一个包含大量文本的段落。

<p>
    ... abc ...
    ... def ...
    ... ghi ...
    ... jkl ...
    ... mno ...
</p>

我现在想要的是能够在第三行中获得h在X 和 Y 坐标中的位置。我已经在网上搜索了所有内容，但找不到。我该怎么做？

Answer 1

创建一个仅包含相关字符的 Range（取决于您如何执行此操作；我建议您搜索段落中的所有文本节点，直到找到您想要的那个）并调用其getBoundingClientRect()方法。