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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是通过Xpath元素定位定位到某个位置的方法[^1][^2]: 1. 使用绝对路径定位:可以通过指定元素的完整路径来定位元素。例如,要定位根路径下id为'kw'的元素的父级元素,可以使用以下Xpath表达式: ```xpath /元素名称[@属性名='属性值']/.. ``` 其元素名称是要定位元素的标签名,属性名和属性值是要定位元素的属性名和属性值。例如,要定位根路径下id为'kw'的元素的父级元素,可以使用以下Xpath表达式: ```xpath /html/body/div[@id='kw']/.. ``` 2. 使用相对路径定位:可以通过指定元素与当前节点的关系来定位元素。例如,要定位当前节点的父级元素,可以使用以下Xpath表达式: ```xpath ../ ``` 要定位当前节点的子级元素,可以使用以下Xpath表达式: ```xpath ./元素名称[@属性名='属性值'] ``` 其元素名称是要定位元素的标签名,属性名和属性值是要定位元素的属性名和属性值。例如,要定位当前节点的子级元素id为'kw'的元素,可以使用以下Xpath表达式: ```xpath ./div[@id='kw'] ``` 3. 使用轴定位:可以通过指定元素与当前节点的父辈、兄弟或子辈节点的关系来定位元素。例如,要定位当前节点的父级元素,可以使用以下Xpath表达式: ```xpath parent::元素名称 ``` 要定位当前节点的兄弟元素,可以使用以下Xpath表达式: ```xpath preceding-sibling::元素名称[@属性名='属性值'] following-sibling::元素名称[@属性名='属性值'] ``` 要定位当前节点的子级元素,可以使用以下Xpath表达式: ```xpath child::元素名称[@属性名='属性值'] ``` 其元素名称是要定位元素的标签名,属性名和属性值是要定位元素的属性名和属性值。例如,要定位当前节点的父级元素,可以使用以下Xpath表达式: ```xpath parent::div ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值