我需要找到一个div在另一个div中的X和Y位置,而不是相对于该视区,比如getrangingClient()返回.有办法做到这一点吗?

Position Relative to the Parent Div

推荐答案

可以,您可以使用div的offsetTop和offsetLeft属性来查找其在另一个div中的X和Y位置.这些属性分别返回从div的上边缘和左边缘到父div的上边缘和左边缘的距离.

例如:

let parentDiv = document.querySelector("#parent");
let childDiv = document.querySelector("#child");

let childX = childDiv.offsetLeft - parentDiv.offsetLeft;
let childY = childDiv.offsetTop - parentDiv.offsetTop;

这将给出子div相对于父div的X和Y位置.

Javascript相关问答推荐

我无法在NightWatch.js测试中获取完整的Chrome浏览器控制台日志(log)

Redux工具包查询(RTKQ)端点无效并重新验证多次触发

if/else JavaScript中的条件行为

Plotly热图:在矩形上zoom 后将zoom 区域居中

docx.js:如何在客户端使用文档修补程序

我可以从React中的出口从主布局调用一个处理程序函数吗?

康威的生活游戏规则在我的Javascript版本中不起作用.''我做错了什么?

这个值总是返回未定义的-Reaction

基于props 类型的不同props ,根据来自接口的值扩展类型

让chart.js饼图中的一个切片变厚?

按下单键和多值

如何防止ionic 输入中的特殊字符.?

如果没有页面重新加载Angular ,innerHTML属性绑定不会更新

如果我的列有条件,我如何呈现图标?

我如何才能获得价值观察家&对象&S的价值?

将字符串解释为数字;将其重新编码为另一个基数

将Windows XP转换为原始数据以在html前端中显示

检测带有委托的元素内部的点击,以及元素何时按其类名被选中

Playwright:ReferenceError:browserContext未定义

如何使用Reaction/Redux创建购物车逻辑?