JavaScript >> Javascript 文檔 >  >> JavaScript

在 JavaScript 中獲取元素相對於其父元素的偏移位置

要獲取 HTML 元素相對於其父元素的偏移位置,可以使用 offsetLeftoffsetTop 元素的屬性。

下面是例子:

const div = document.querySelector('.pizza');

console.log(`Offset Position: (${div.offsetTop}, ${div.offsetLeft})`);

上面的示例打印元素相對於其父像素的左上角坐標。默認情況下,元素的左上角是 (0, 0) . scrollLeftscrollTop 屬性是相對於默認坐標的。


Tutorial JavaScript 教程
  1. Javascript 世界簡介

  2. 使用 Apollo 和 GraphQL 時處理本地狀態的 4 種方法

  3. 害怕用 JavaScript 寫代碼

  4. 使用暗模式切換 React NFT 網站

  5. 在 Linux 上使用 Node.js 和 Zenity 的簡單 GUI

  6. HTML 文本區域選項卡支持

  7. @angular/通用函數

  1. 前端開發人員的熱門面試問題(React)

  2. 在數組(或 objs)上迭代異步的最聰明/最乾淨的方法是什麼?

  3. 使用 React Router v5 處理 404 頁面(捕獲所有路由)

  4. 迄今為止在 Node.js 中使用 ES 模塊的最佳方式

  5. 使用 jQuery 在 Chrome 和 IE 中的 body 元素上設置 onbeforeunload

  6. console.dir() 是 console.log(util.inspect()) 的縮寫

  7. 完整教程#4:設置身份驗證端點 |使用 React、Node.js、TypeScript 和 GraphQL 的微服務聊天應用程序

  1. Notificationbanner - React Native 基礎組件 [ 英語和德語]

  2. React Google Maps:如何在 React.js 中使用 Google Maps API

  3. 發布了我的第一個 NPM 包 - 這是我學到的

  4. 快速提示 - 使用一行 CSS 製作全屏圖像背景