js 如何获得文本内指定文字在视口中的位置

Question

已知 getBoundingClientRect()能够获取dom元素的大小及其相对于视口的位置，咱们能够通过该方法取得文本相对于视口中的位置，但文本中的指定文字要怎么获得呢？

我想到的办法是通过替换文本给指定文字附上标签生成dom，通过getBoundingClientRect()方法获取到坐标后再把文本还原

可这种办法在处理量大时在性能方面不是很好吧，请问有没有更好的解决方案？

Answer 1

给指定文字附上标签是个方法
如果文字是等宽字体的也可以通过文字所在行列位置来计算。