确定文本是否对用户可见

Question

当尝试使用js映射用户可见的所有文本元素时，我会执行以下操作： Check if element is visible in DOM

问题在于，有时在给定正确位置时，elementFromPoint会返回一个父元素或一个兄弟元素，而不是其自身分布在同一区域上的兄弟元素。

无法识别的元素层次结构示例-

<label>
    <input ... />
    <span>
       <span> **Interesting text** </span>
       <span> ... </span>
    </span>
</label>

elementFromPoint返回的元素是输入，这使得即使看起来文本也不可见。

有什么想法吗？