相关疑难解决方法(0)

我有一个HTML页面,其中一些文本跨度标记为这样:

...
<span id="T2" class="Protein">p50</span>
...
<span id="T3" class="Protein">p65</span>
...
<span id="T34" ids="T2 T3" class="Positive_regulation">recruitment</span>
...

即每个跨度都有一个ID,并通过其ID引用零个或多个跨度.

我想将这些引用可视化为箭头.

两个问题:

• 如何将跨度的ID映射到跨度渲染的屏幕坐标？
• 如何绘制从一个渲染到另一个渲染的箭头？

该解决方案应该在Firefox中工作,在其他浏览器中工作是一个加号,但不是真的必要.该解决方案可以使用jQuery或其他一些轻量级JavaScript库.