国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

offsetTop offsetLeft offsetParent

CoderDock / 541人閱讀

摘要：是一個只讀屬性，返回一個指向最近的，指包含層級上的最近包含該元素的定位元素。很有用，因為和都是相對于其內邊距邊界的。對塊級元素來說，及描述了元素相對于的邊界框。這里的也可以用代替，但是在中禁止在嚴格模式中使用。

offsetParent

HTMLElement.offsetParent 是一個只讀屬性，返回一個指向最近的（closest，指包含層級上的最近）包含該元素的定位元素。如果沒有定位的元素，則 offsetParent 為最近的 table 元素對象或根元素（標準模式下為 html；quirks 模式下為 body）。當元素的 style.display 設置為 "none" 時，offsetParent 返回 null。offsetParent 很有用，因為 offsetTop 和 offsetLeft 都是相對于其內邊距邊界的。
詳情參見：HTMLElement.offsetParent

offsetLeft offsetTop

以offsetLeft為例，offsetTop差不多。

HTMLElement.offsetLeft 是一個只讀屬性，返回當前元素左上角相對于 HTMLElement.offsetParent 節點的左邊界偏移的像素值。

對塊級元素來說，offsetTop、offsetLeft、offsetWidth 及 offsetHeight 描述了元素相對于 offsetParent 的邊界框。
詳情：HTMLElement.offsetLeft

獲取元素到網頁左側的距離

由上面可知道offsetLeft是對于offsetParent來說的，所以要獲取元素到網頁左側的距離，需要將這個元素的offsetLeft和offsetTop與其offsetParent的相同屬性相加，如此循環直至根元素，就可以得到一個基本準確的值。

var getOffset = {
    left : function (obj) {
        return obj.offsetLeft + (obj.offsetParent ? this.left(obj.offsetParent):0);
    },
    top : function (obj) {
        return obj.offsetTop + (obj.offsetParent ? this.left(obj.offsetParent) : 0);
    }
};

這里的this.left(obj.offsetParent)也可以用arguments.callee(obj.offsetParent)代替，但是在ECMAScript 5 中禁止在嚴格模式中使用 arguments.callee()。當一個函數必須調用自身的時候，假如它是函數表達式則給它命名，或者使用函數聲明，避免使用 arguments.callee()，因為arguments是一個比較龐大的對象，非常耗資源

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80771.html

相關文章

  • offsetWidth/offsetHeight、offsetLeft/offsetTop、offs

    摘要：因為一旦我們給父元素設置了會影響文檔流。是指當前元素相對于父級參照物的偏移量。在標準瀏覽器中是指當前元素的左邊框的外沿到父級參照物邊框的內沿，如上圖中的，，所示。盒子上邊框的高度。 接下來我們依然討論盒模型中的offset系列：offsetWidth/offsetHeight、offsetLeft/offsetTop、offsetParent showImg(https://segme...

    JellyBool 評論0 收藏0

  • （DOM） HTMLElement 中的 offset- 屬性

    摘要：一是一個只讀屬性，返回一個指向最近的指包含層級上的最近包含該元素的定位元素。很有用，因為和都是相對于其內邊距邊界的。對塊級元素來說，及描述了元素相對于的邊界框。二與是一個只讀屬性，返回當前元素左上角相對于節點的左邊界偏移的像素值。 一、offsetParent parentObj = element.offsetParent; HTMLElement.offsetParent是一個只...

    BWrong 評論0 收藏0

  • 常用元素位置與大小總結

    摘要：偏移量元素在垂直方向占據的空間大小內容高度上下上下元素在水平方向占據的空間大小內容寬度左右左右元素外邊框距離的上內邊框的距離元素外邊框距離的左內邊框的距離是一個只讀屬性，返回一個指向最近的，指包含層級上的最近包含該元素的定位元素。 偏移量 offsetHeight: 元素在垂直方向占據的空間大小 => 內容高度 + 上下padding + 上下boder offsetWidth: ...

    JellyBool 評論0 收藏0

  • 瀏覽器的各種位置值獲取

    摘要：包括和屬性是可以賦值的，并且會立即自動滾動網頁到相應位置，因此可以利用它們改變網頁元素的相對位置。另外，方法也有類似作用，可以使網頁元素出現在瀏覽器窗口的左上角。網頁元素的位置那就是使用方法。就是透過瀏覽器看內容的這個區域高度。 獲取網頁的大小 一張網頁的全部面積，就是它的大小，通常是由內容和css樣式表決定的。瀏覽器窗口的大小，是在瀏覽器中看到的那部分網頁面積。又叫做viewport...

    lvzishen 評論0 收藏0

  • JS寬高（client、offset、scroll）的介紹

    摘要：問題今日頭條的一道筆試題，的區別。結果如圖更詳細的介紹，請點擊 問題 今日頭條的一道筆試題，offsetWidth、clientWidth、scrollWidth的區別。 分析 JS中document對象的寬高有三種，cilent、offset、scroll client： clientWidth和clientHeight，clientTop和clientLeft clientWidt...

    mj 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<