天天看點
傳回

DOM Element對象的offsetXXX方法原生js的offset***方法 Jquery offset()方法用途參考：

原生js的offset***方法

  • c.offsetLeft 和 c.offsetTop

    一般指目前元素的CSS邊框相對于其offsetParent的X和Y坐标

  • c.offsetHeight 和 c.offsetWidth

    目前元素及其所有内容的高度，寬度。

  • c.offsetParent

    大多數元素都的都是指

    <body>

     參考《javascript權威指南 第六版》第892頁 
var c = document.getElementsByName("div")[];

c.offsetLeft   
c.offsetTop
c.offsetParent
c.offsetHeight
c.offsetWidth
DOM Element對象的offsetXXX方法原生js的offset***方法 Jquery offset()方法用途參考：

Jquery offset()方法

Jquery已經提供了該方法：

let offset = $(".class").offset()

傳回值offset是一個對象：

{
    top:
    left:
}

表示從目前元素到螢幕邊界的距離，機關是px.

用途

在實作螢幕坐标系時很有用，如下圖：每個交叉點要可點，并且整個網格可以拖動到螢幕不同地方，并且要視訊不同分辨率的螢幕

DOM Element對象的offsetXXX方法原生js的offset***方法 Jquery offset()方法用途參考：

參考：

offsetLeft,Left,clientLeft的差別

Box Dimensions

HTMLElement.offsetLeft

前端 javascript offsetTop offsetLeft
上一篇: js對象寬高圖文解釋
下一篇: js中的offsetLeft和style.left

繼續閱讀