`
leiwuluan
  • 浏览: 694523 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

js 得到元素的绝对位置

    博客分类:
  • js
阅读更多

function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"\nleft="+l);
}

分享到:
评论

相关推荐

    js获取元素在浏览器中的绝对位置

    JavaScript中提供获取HTML元素位置的属性: HTMLElement.offsetLeft HTMLElement.offsetHeight 但 是需要注意的是,这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置,而是相对于其父元素位置的相对...

    setAbsolute.js:获取一个元素或节点列表并将它们的位置更改为绝对位置,同时将它们保持在当前位置

    所有元素现在都被设置为绝对的并且应该在它们相同的位置 请注意,这会删除边距 - 这是因为如果保留边距并且元素被绝对定位,则位置将被边距偏移。 麻省理工学院许可证 (MIT) 版权所有 (c) 特此授予任何人免费...

    js获取div的位置坐标

    js获取指定位置的div坐标,方便用户得到网页上的任何div元素的坐标位置

    javascript 获取元素位置的快速方法 getBoundingClientRect()

    它返回一个对象,其中包含了left、right、top、bottom四个属性,分别对应... 再加上滚动距离,就可以得到绝对位置 var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft; var Y =this.getBo

    javascript技巧

    根据鼠标获得元素: 4 窗体图片 4 窗体事件绑定 4 元素 4 对象绑定事件 4 插件数目 4 取变量类型 4 下拉框 4 查找对象 4 定时 4 UNCODE编码 4 父对象 4 交换表的行 5 简单邮件 5 禁止选取 6 //过滤数字 8 //特殊用途...

    js getBoundingClientRect() 来获取页面元素的位置

    该方法已经不再是IE Only了,FF3.0+和Opera9.5+已经支持了该方法,可以说在获得页面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。

    js 获取图像缩放后的实际宽高,位置等信息

    项目中遇到图片实际显示尺寸的判定...可以轻易获得当前元素的绝对位置(不含scrollLeft和scrollTop,需要用的话单独加上去)和显示出来的实际宽高 getClientRects 和 getBoundingClientRect 的区别 getClientRects 返回

    javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]第1/2页

    该方法已经不再是IE Only了,FF3.0+和Opera9.5+已经支持了该方法,可以说在获得页面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。

    js图片延迟加载的实现方法及思路

    大概的实现方式是:在页面的...这里比较麻烦地方是,如何计算img的位置,获得元素的相对于页面的绝对位置。通常是用offsetLeft和offsetTop,但这两个属性是元素的offsetParent指向的元素的相对位置, 如果offsetParent

    大名鼎鼎SWFUpload- Flash+JS 上传

    开发人员能够利用XHTML,CSS,Javascript来定制符合他们网站风格的UI上传元素。然后使用它提供的一组简单的JS事件来更新上传状态,开发人员能够利用这些事件来及时更新页面中的上传进度UI。 SWFUpload v2 SWFUpload ...

    js使用小技巧

    根据鼠标获得元素: document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片 document.images[索引] 窗体事件绑定 document....

    upCenter.js:以类为中心,水平和垂直方向的响应元素。 受 jquery 插件 Midway.js 的启发,但使用纯 Javascript

    居中 以类为中心,水平和垂直方向的响应元素。 受 jquery 插件启发,但使用纯 Javascript...upCenter.js 根据获得版权所有 (c) 2015 uplaod 此许可证还随发行版和源代码一起提供。 如许可中所述,绝对不提供任何保证。

    useful-JavaScript-Fragment:前端常用JavaScript片段

    可以准确获得宽度值没有设置时的元素的大小。避免了网上常见的获取display:none元素的宽高时因盲目使待获取元素脱离文本流而导致的尺寸塌陷的问题。2、从屏幕中间放大一个元素(详见 scale_fromcenter1.htm

    resize-canvas:更改html5 canvas元素的大小而不会缩放或丢失数据-缩小到裁剪的大小

    更改html5 canvas元素的尺寸,从画布上的相对位置调整大小(默认为中心),并保留图像数据 细节 类似如何更改在Photoshop图像的分辨率,但随着精细的控制from位置。 用绝对的新尺寸或相对变化进行调整。 这个新版本...

    js实现jquery的offset()方法实例

    而在js里,没有这样直接的方法,节点的属性offsetTop可以获得该节点相对于父节点的相对偏移,但不能直接获得其绝对偏移,我们可用节点逐层递归向上来相加offsetTop来获得绝对偏移。 代码如下:function getOffset...

    Ext Js权威指南(.zip.001

    Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...

    HTML5与CSS3基础教程(第8版)高清文字

    11.14 对元素进行绝对定位 231 11.15 在栈中定位元素 232 11.16 处理溢出 233 11.17 垂直对齐元素 234 11.18 修改鼠标指针 235 第12章 构建响应式网站 237 12.1 响应式Web设计:概述 237 12.2...

    position-markers:Angular 指令在滚动时跟踪您的位置

    添加此类将位置标记从绝对位置带到固定位置,然后按钮位置标记在您向下滚动时保留在页面上。 当您滚动到它们链接到的部分的顶部时,每个标记都会突出显示(将获得一类“活动”)。 ##Usage 首先,将脚本带入您的...

    java源码包2

     util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码...

    element-path:元素获取和查询的路径

    元素路径 元素获取和查询的路径。 例子 var ep = new ElementPath ( ) var element = document . querySelect ( 'a:nth-child(2)' ) var path = ep . get ( element ) console . log ( element === ep . query ( ...

Global site tag (gtag.js) - Google Analytics