zoukankan      html  css  js  c++  java
  • 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;

  • 相关阅读:
    Vue 封装js 并 引用
    Vue todolist练习 知识点
    Vue 双向数据绑定、事件介绍以及ref获取dom节点
    Vue 目录结构 绑定数据 绑定属性 循环渲染数据
    Vue自学笔记--项目的创建
    sqlalchemy第一部分
    mysql查询补充
    mysql数据库查询操作
    mysql数据库关系操作
    数据表的约束及数据类型操作
  • 原文地址:https://www.cnblogs.com/zhangqifeng/p/1447211.html
Copyright © 2011-2022 走看看