div定位到某个HTML元素中

由于项目中使用自动补全   虽然用自动补全控件  但自己写得灵活

另外倒不难,最可恶的是那层的定位,经过多次努力 终于搞定

JS  代码:

//要定位到元素的对象  为什么要用个临时变量aa  而不直接用element操作  这个我也不知道,调试的时候不知道什么原因 在那个while中该element元素总会变成null

         var aa=element;      
                var t = aa.offsetTop;  
                var l = aa.offsetLeft;  
                while(aa = aa.offsetParent)
                {  
                    t+=aa.offsetTop;  
                    l+=aa.offsetLeft;
                }
                div1.style.left = l;
                div1.style.top = t+unit.offsetHeight;

                如果该元素没有什么父级元素可以直接这样

              div1.style.left=element.style.left;

             div1.style.top=element.style.top

另外一种  只适合在IE中 不能跨浏览器

div1.style.top=element.getBoundingClientRect().top;
 div1.style.left=element.getBoundingClientRect().left;

原文地址:https://www.cnblogs.com/zhangqifeng/p/1447211.html