首頁猿問元素的offsetleft是指哪些位置？

元素的offsetleft是指哪些位置？

JavaScript

慕粉3568301 2016-12-27 13:17:51

不懂某個(gè)dom對(duì)象的offsetleft是指哪里？

查看完整描述

1 回答

MarlboroKay

TA貢獻(xiàn)189條經(jīng)驗(yàn) 獲得超236個(gè)贊

假設(shè) obj 為某個(gè) HTML 控件。

obj.offsetTop 指 obj 相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算上側(cè)位置，整型，單位像素。

obj.offsetLeft 指 obj 相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置，整型，單位像素。

望采納!

反對(duì) 回復(fù) 2016-12-27

慕數(shù)據(jù)5775487
offset是沒有單位的吧

回復(fù) 2016-12-27
慕粉3568301
那父元素左側(cè)或者上側(cè)，具體是指到父元素上的margin，還是padding，還是什么？當(dāng)offsetparent有margin，padding,border的時(shí)候？我百度的時(shí)候也是這樣說的，但是我不知道具體是指到父元素的那個(gè)位置

回復(fù) 2016-12-27
MarlboroKay
1.如果當(dāng)前元素的父級(jí)元素沒有進(jìn)行css定位（position為absolute或relative）offsetparent為body 2.如果當(dāng)前元素的父級(jí)元素有css定位，offsetparent取最近的那個(gè)父級(jí)元素。 3.在IE6/7中 offsetLeft=（offsetparent的padding-left）+（當(dāng)前元素的margin-left） 4.在IE8/9/10以及chrome中 offsetLeft=（offsetparent的border-width+padding-left）+（當(dāng)前元素的margin-left） 5.在Firefox中 offsetLeft=（offsetparent的margin-left+padding-left）+（當(dāng)前元素的margin-left）手寫總結(jié)不易，如有幫助望采納！ ps 慕課里有這個(gè)關(guān)于寬高的課程，可以仔細(xì)看看。http://idcbgp.cn/learn/608

回復(fù) 2016-12-28