div定位到某个HTML元素中

最新推荐文章于 2022-07-13 20:40:57 发布

weixin_34381666

最新推荐文章于 2022-07-13 20:40:57 发布

阅读量258

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhangqifeng/archive/2009/04/30/1447211.html

本文介绍了一种在网页中精准定位元素的方法，包括通过JavaScript实现不同层级元素的定位，并提供了适用于IE浏览器及跨浏览器的解决方案。

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

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

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/archive/2009/04/30/1447211.html