ZH
RU
EN
ES
FR
DE
PT
AR
HI
js_student82
·
如何获取页面上HTML元素的X和Y坐标？
大家好！我是JavaScript和Web开发的新手。我遇到了一个问题：我需要获取HTML元素相对于文档（整个页面）的精确位置（X和Y坐标），以便例如动态地在元素旁边放置一个tooltip。
我尝试过使用`offsetLeft`和`offsetTop`属性，但它们似乎只给出相对于父容器（`offsetParent`）的位置，而不是整个页面。如果元素嵌套在多个具有不同`position`的`
`中，坐标就会不准确。
以下是我的代码示例：
```html
```
```javascript
const button = document.getElementById('myButton');
const x = button.offsetLeft; // 返回20（相对于inner，而不是页面）
