成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

offsetTop offsetLeft offsetParent

CoderDock / 550人閱讀

摘要：是一個(gè)只讀屬性，返回一個(gè)指向最近的，指包含層級(jí)上的最近包含該元素的定位元素。很有用，因?yàn)楹投际窍鄬?duì)于其內(nèi)邊距邊界的。對(duì)塊級(jí)元素來說，及描述了元素相對(duì)于的邊界框。這里的也可以用代替，但是在中禁止在嚴(yán)格模式中使用。

offsetParent

HTMLElement.offsetParent 是一個(gè)只讀屬性，返回一個(gè)指向最近的（closest，指包含層級(jí)上的最近）包含該元素的定位元素。如果沒有定位的元素，則 offsetParent 為最近的 table 元素對(duì)象或根元素（標(biāo)準(zhǔn)模式下為 html；quirks 模式下為 body）。當(dāng)元素的 style.display 設(shè)置為 "none" 時(shí)，offsetParent 返回 null。offsetParent 很有用，因?yàn)?offsetTop 和 offsetLeft 都是相對(duì)于其內(nèi)邊距邊界的。
詳情參見：HTMLElement.offsetParent

offsetLeft offsetTop

以offsetLeft為例，offsetTop差不多。

HTMLElement.offsetLeft 是一個(gè)只讀屬性，返回當(dāng)前元素左上角相對(duì)于 HTMLElement.offsetParent 節(jié)點(diǎn)的左邊界偏移的像素值。

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

獲取元素到網(wǎng)頁左側(cè)的距離

由上面可知道offsetLeft是對(duì)于offsetParent來說的，所以要獲取元素到網(wǎng)頁左側(cè)的距離，需要將這個(gè)元素的offsetLeft和offsetTop與其offsetParent的相同屬性相加，如此循環(huán)直至根元素，就可以得到一個(gè)基本準(zhǔn)確的值。

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 中禁止在嚴(yán)格模式中使用 arguments.callee()。當(dāng)一個(gè)函數(shù)必須調(diào)用自身的時(shí)候，假如它是函數(shù)表達(dá)式則給它命名，或者使用函數(shù)聲明，避免使用 arguments.callee()，因?yàn)?b>arguments是一個(gè)比較龐大的對(duì)象，非常耗資源

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/80771.html

相關(guān)文章

  • offsetWidth/offsetHeight、offsetLeft/offsetTop、offs

    摘要：因?yàn)橐坏┪覀兘o父元素設(shè)置了會(huì)影響文檔流。是指當(dāng)前元素相對(duì)于父級(jí)參照物的偏移量。在標(biāo)準(zhǔn)瀏覽器中是指當(dāng)前元素的左邊框的外沿到父級(jí)參照物邊框的內(nèi)沿，如上圖中的，，所示。盒子上邊框的高度。 接下來我們依然討論盒模型中的offset系列：offsetWidth/offsetHeight、offsetLeft/offsetTop、offsetParent showImg(https://segme...

    JellyBool 評(píng)論0 收藏0

  • （DOM） HTMLElement 中的 offset- 屬性

    摘要：一是一個(gè)只讀屬性，返回一個(gè)指向最近的指包含層級(jí)上的最近包含該元素的定位元素。很有用，因?yàn)楹投际窍鄬?duì)于其內(nèi)邊距邊界的。對(duì)塊級(jí)元素來說，及描述了元素相對(duì)于的邊界框。二與是一個(gè)只讀屬性，返回當(dāng)前元素左上角相對(duì)于節(jié)點(diǎn)的左邊界偏移的像素值。 一、offsetParent parentObj = element.offsetParent; HTMLElement.offsetParent是一個(gè)只...

    BWrong 評(píng)論0 收藏0

  • 常用元素位置與大小總結(jié)

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

    JellyBool 評(píng)論0 收藏0

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

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

    lvzishen 評(píng)論0 收藏0

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

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

    mj 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<