`
leiwuluan
  • 浏览: 707138 次
  • 性别: 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中获取 DOM 元素的绝对位置实例详解

    下面我们将详细介绍几种获取DOM元素绝对位置的方法及其兼容性。 1. `offsetTop` 和 `offsetLeft` `HTMLElement.offsetTop` 和 `HTMLElement.offsetLeft` 属性分别用于获取元素相对于其定位容器(positioning ...

    DOM元素的绝对位置

    在这个函数中,`getBoundingClientRect()`方法提供了元素相对于视口的边界信息,然后加上当前页面的滚动偏移,从而得到元素的绝对位置。这个函数可以在任何有DOM元素引用的上下文中使用,无论元素的定位方式如何。 ...

    JavaScript和jQuery获取input框的绝对位置

    在JavaScript和jQuery的世界里,获取元素的绝对位置是一项常见的任务,尤其当涉及到动态布局或交互设计时。这个主题主要集中在如何获取HTML中的`input`框的精确位置,以便于进行定位或其他操作。以下是对这个知识点...

    jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标

    通过访问这些属性,我们可以获得元素的X和Y坐标。 除了绝对位置,我们有时还需要获取元素相对于其最近的已定位(positioned)父元素的位置。这就是所谓的相对位置。要获取相对位置,jQuery同样提供了一个方法叫做`...

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

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

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

    在JavaScript中,获取元素在浏览器中的绝对位置是一个常见的需求,特别是...同时,现代浏览器还提供了`getBoundingClientRect()`方法,它能更直接地返回元素相对于视口的位置,这也是获取元素绝对位置的一个有效途径。

    JavaScript控制网页平滑滚动到指定元素位置的方法

    在提供的代码中,`elementPosition` 函数用于获取元素相对于视口的绝对位置。它通过遍历元素的 `offsetParent` 属性来累加元素的 `offsetLeft` 和 `offsetTop`,从而得到元素的坐标。这是一个非常基础且实用的功能,...

    jQuery获取页面元素绝对与相对位置的方法

    在JavaScript的众多库中,jQuery作为一个广泛使用的库,提供了简单易用的API来帮助开发者获取页面元素的绝对位置和相对位置。本文将详细介绍jQuery中用于获取元素位置的方法,包括offset()和position(),以及如何...

    JavaScript取得鼠标绝对位置程序代码介绍

    在JavaScript中,获取鼠标在页面上的绝对位置是一项常见的需求,这有助于实现如拖放功能、鼠标跟随效果等交互式功能。本文将详细介绍如何在不同浏览器环境下通过JavaScript获取鼠标绝对位置的方法。 首先,我们需要...

    用Javascript 获取页面元素的位置的代码

    相对位置指的是元素相对于浏览器窗口的位置,而绝对位置指的是元素相对于整个文档的位置。下面将详细介绍这些知识点。 一、网页的绝对大小和相对大小 在介绍元素定位之前,我们需要理解两个概念:网页的绝对大小和...

    js获得对象的x,y位置函数

    在JavaScript编程领域,获取DOM元素(Document Object Model,文档对象模型)在页面中的绝对位置是一项常见且实用的技术。本文将详细解析如何通过自定义函数`findPosX`和`findPosY`来实现这一功能,帮助开发者准确...

    JavaScript获取鼠标位置和鼠标与div的相对位置

    在JavaScript中,获取鼠标位置和计算鼠标与特定div元素的相对位置是常见的需求,这在交互式网页开发中尤其重要。下面将详细讲解如何实现这些功能。 首先,我们需要理解两个基本概念:`event.clientX` 和 `event....

    javascript 获取鼠标的绝对位置 event

    在JavaScript中,获取鼠标的绝对位置是常见的需求,特别是在实现交互式用户界面或者进行鼠标跟踪时。`event`对象是JavaScript中的一个内置对象,它包含了有关当前事件(如鼠标点击或移动)的各种信息,其中包括鼠标...

    jQuery 实现DOM元素拖拽交换位置的实例代码

    为了支持较老的浏览器(如 IE),可能需要引入一些特定的脚本文件,如 HTML5Shiv 和 Respond.js,确保 HTML5 元素和媒体查询在老浏览器中得到支持。 ```javascript <!-- HTML5Shiv 和 Respond.js --> <!--[if lt IE...

    前端读取JS绝对目录的方法

    本文将详细探讨如何在JavaScript中获取当前脚本的绝对路径,并结合相关标签"js引用"来深入理解这个过程。 首先,我们要明白在浏览器环境中,JavaScript无法直接访问文件系统,因此不能像服务器端语言那样获取文件的...

    js获取触发事件元素在整个网页中的绝对坐标(示例代码)

    以下是一些用于获取元素绝对坐标的JavaScript函数: 1. `findPosition(oElement)` 函数: 这个函数返回一个包含元素X和Y坐标的数组。它通过遍历元素及其所有父元素的`offsetParent`属性来计算总偏移量。`...

    JavaScript中计算网页中某个元素的位置

    这种差异意味着在Firefox中,我们可以直接获得元素的绝对位置,但在Chrome中,我们需要计算元素相对于当前视窗可见部分的位置。 对于Chrome,我们可以通过累加元素父级`iframe`的`top`和`left`值来获得相对于视窗的...

Global site tag (gtag.js) - Google Analytics