获取表中元素的 offsetTop

2024-02-05

我似乎无法弄清楚如何获取表中元素的 offsetTop 。它适用于表格外部的元素,但表格内的所有元素都返回相同的结果,并且通常位于页面顶部。我在 Firefox 和 Chrome 中尝试过这个。如何获取表中元素的 offsetTop?


offsetTop返回一个相对于的值offsetParent;你需要递归添加offsetParent.offsetTop通过所有的父母,直到offsetParent is null。考虑使用jQuery http://jQuery.com's offset http://docs.jquery.com/CSS/offset() method.

EDIT:如果你不想使用jQuery,你可以编写这样的方法(未经测试):

function offset(elem) {
    if(!elem) elem = this;

    var x = elem.offsetLeft;
    var y = elem.offsetTop;

    while (elem = elem.offsetParent) {
        x += elem.offsetLeft;
        y += elem.offsetTop;
    }

    return { left: x, top: y };
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

获取表中元素的 offsetTop 的相关文章

随机推荐

  • R 和带有循环的网页抓取

    我正在抓取一个网站urls http example com post X 在哪里X是从1 5000开始的数字我可以使用刮擦rvest使用此代码 website lt html http www example com post 1 Nam
  • 如何加载 rjags

    与许多其他人一样 我在加载和安装 rjags 时遇到问题 我收到错误 library rjags Error onLoad failed in loadNamespace for rjags details call fun libname
  • StartSSL 证书在 Firefox 和 Android 上不受信任

    Apache 服务器 遵循此处的指南 https www startssl com Support v 21 https www startssl com Support v 21 httpd conf SSLEngine on SSLPr
  • Android 中按 MIME 类型获取联系人

    我想根据 Android 中的 MIME 类型获取联系人列表 例如 我想要一个具有电子邮件地址的联系人列表 您应该使用以下方法读取原始联系人以及与其关联的所有数据ContactsContract RawContacts Entity目录 如
  • Java FX 应用程序 onload 事件

    我正在使用 Google 地图 API 在 java swing java fx 中实现一个应用程序 我的问题是这样的 我需要在加载地图时运行 JavaScript 我一直在阅读该方法 webEngine getLoadWorker Sta
  • 如何在 $or 中使用 $regex 作为聚合表达式

    我有一个查询 允许用户使用如下格式按某些字符串字段进行过滤 如果最近一次检查的描述是以下任何一项 foo or bar 这对于以下查询非常有效 db getCollection permits find expr let vars late
  • PyYAML 转储格式

    我知道 StackOverflow 上有一些与此相关的问题 但我找不到我想要的内容 我在用着pyyaml http pyyaml org读书 load a yml文件 修改或添加密钥 然后写入 dump 再次 问题是我想保留转储后的文件格式
  • 尝试运行 XQuery 脚本以单点登录 MarkLogic 时出错

    我正在研究使用 xquery 重写器脚本来自动登录单点登录解决方案 我从端口 8001 的管理应用程序服务器开始 在应用程序服务器配置中 我有 设置身份验证 application level 设置 url 重写器 rewriter xqy
  • WinForms 文本框自动完成事件

    我的表单上有一个具有自动完成功能的 NET 文本框 该表格还具有AcceptButton and CancelButton定义的 如果我尝试提交建议Enter键或关闭下拉菜单Esc 我的表格关闭 我的想法是创建继承自的自定义文本框TexBo
  • 问题“线程“main”中出现异常# START NON-TRANSLATABLEjava.lang.NoClassDefFoundError: G€“Xmx3072m”(MyEclipse 12.0 Blue 和 Websphere7)

    我正在使用 MyEclipse 14 0 Blue 和 Websphere7 我正在尝试通过 服务器 选项卡部署到 Websphere 当它开始部署时 我遇到了以下问题 Exception in thread main START NON
  • grpc-java 的 BindableService 问题

    我正在尝试使用 grpc java v1 1 2 下面的 build gradle 部分 但是当我尝试为示例应用程序运行 fat jar 时 它会抛出下面给出的异常 编译应用程序时我没有看到任何问题 构建 gradle 部分 apply p
  • 从一个子域到另一个子域的 AJAX 请求,但在同一域上

    我知道除非使用 代理 一台服务器 否则无法执行跨域 ajax 请求 但是 如果我从 server1 example com 向 server2 example 发出 ajax 请求 即使它位于 example com 的同一域中 这是否不起
  • 如何使 switch 语句不区分大小写?

    在下面的例子中 有时 var可以是 Value value 甚至 VALUE switch var case value Value and VALUE don t seem to match here break 比较似乎区分大小写 仅匹
  • WooCommerce 3 中产品变体的 Ajax 添加到购物车按钮

    我这里有这个按钮 该按钮的用途是将产品 id 为 237 variation id 为 208673 attribute pa option 为蓝牙的产品添加到购物车 有没有办法 AJAX 这个 div class btnss span c
  • 如何在 Django 环境中使 html 从外部 js 文件调用 javascript 函数

    我正在使用 Django 开发一个应用程序 我希望用户一登陆某个 HTML 页面就弹出一个警报窗口 调用使窗口弹出的javascript函数funprova这个函数存储在一个名为的 js 文件中prova js 在路径上 静态 js pro
  • Ajax 调用 Github API 失败

    所以我对此有点陌生 到目前为止我的代码还不能工作 但如果有人能告诉我我错过了什么 我将不胜感激 基本上 我正在尝试调用 github 的 api 它返回 json 数据 我最终想解析它并仅显示特定信息 但目前我只是试图让数据显示在我的浏览器
  • 如何异步调用方法

    我尝试过点击此链接异步调用 http support microsoft com kb 315582但有些类已经过时了 所以我想要我的项目的确切答案 public class RegisterInfo public bool Registe
  • 如何对消费者组内的 Kafka 消费者进行负载均衡

    Scenario 同一消费者组内有 10 个 kafka 消费者 Kafka 有 10 个分区 gt 这意味着每个分区都会自动分配给组内的单个消费者 消息以循环方式发送到分区 有时 一条消息的处理时间会比其他消息长得多 在这种情况下 下一条
  • 在实际的 CPU 上,未初始化变量的值从何而来?

    我想知道变量的初始化方式 include
  • 获取表中元素的 offsetTop

    我似乎无法弄清楚如何获取表中元素的 offsetTop 它适用于表格外部的元素 但表格内的所有元素都返回相同的结果 并且通常位于页面顶部 我在 Firefox 和 Chrome 中尝试过这个 如何获取表中元素的 offsetTop offs