Question

JavaScript 改变控件位置

主要用于如下的框架
提示框
控件
<span></span>提示
<input>控件
也就是类似那些注册验证的提示
然后根据input的坐标 让span的坐标和input对齐
因为上面的控件提示会在div啊嵌套着
用.style.left的话，似乎会对不齐

所以我想知道，如何触发提示时候让span对应在input上，是绝对定位，不被任何因素破坏掉 当然span 都有ID的。

Answer 1

你这个问题有很多现成的代码，你上网找关键字“javascript tooltip”，结果会有一大堆。

自己做也不难，原理就是设置 label 的两个 style 属性：
visibility:hidden; /*不可见*/
position:absolute; /*绝对坐标*/

输入控件得到焦点(focus)的时候，取得该控件的绝对坐标（left, top），根据这两个值计算 label 的坐标，然后更新 lable 的 left 和 top，并且设置 visibility:visible 使其可见。输入控件失去焦点(blur)的时候，又设置 visibility:false 使其隐藏。

推荐用 jQuery, jQuery 有很多优秀的 tooltip 插件。

Answer 2

<div>
<input>
<span style='left:0;top:0'></span>
</div>