包括 內(nèi)邊距 邊框 外邊距分別是哪些代碼呀 ?謝謝
javascript獲取元素的高寬是什么代碼呀
慕斯卡5910870
2016-09-05 18:54:07
TA貢獻4條經(jīng)驗 獲得超5個贊
????var?div?=?document.getElementById('two'); ????//clientHeight和clientWidth用于描述元素內(nèi)尺寸,是指?元素內(nèi)容+內(nèi)邊距?大小,不包括邊框(IE下實際包括)、????//外邊距、滾動條部分 ????var?clientHeight?=?div.clientHeight; ????var?clientWidth?=?div.clientWidth; ????div.innerHTML?+=?'<br/>'+'元素內(nèi)容+內(nèi)邊距(高):?'?+?clientHeight?+?'<br/>'; ????div.innerHTML?+=?'元素內(nèi)容+內(nèi)邊距(寬):?'?+?clientWidth?+?'<br/>'; ????//clientTop和clientLeft返回內(nèi)邊距的邊緣和邊框的外邊緣之間的水平和垂直距離,也就是左,上邊框?qū)挾?????var?clientLeft?=?div.clientLeft; ????var?clientTop?=?div.clientTop; ????div.innerHTML?+=?'邊框?qū)挾?左):?'?+?clientLeft?+?'<br/>'; ????div.innerHTML?+=?'邊框?qū)挾?上):?'?+?clientTop?+?'<br/>'; ????//offsetHeight和offsetWidth用于描述元素外尺寸,是指?元素內(nèi)容+內(nèi)邊距+邊框,不包括外邊距和滾動條部分 ????var?offsetHeight?=?div.offsetHeight; ????var?offsetWidth?=?div.offsetWidth; ????div.innerHTML?+=?'元素內(nèi)容+內(nèi)邊距+邊框(高):?'?+?offsetHeight?+?'<br/>'; ????div.innerHTML?+=?'元素內(nèi)容+內(nèi)邊距+邊框(寬):?'?+?offsetWidth?+?'<br/>'; ????//offsetTop和offsetLeft表示該元素的左上角(邊框外邊緣)與已定位的父容器(offsetParent對象)左上角的距/????//離 ????var?offsetLeft?=?div.offsetLeft; ????var?offsetTop?=?div.offsetTop; ????div.innerHTML?+=?'外邊距(左):?'?+?offsetLeft?+?'<br/>'; ????div.innerHTML?+=?'外邊距(上):?'?+?offsetTop?+?'<br/>'; ????//offsetParent對象是指元素最近的定位(relative,absolute)祖先元素,遞歸上溯,如果沒有祖先元素是定位的/????//話,會返回null ????var?offsetParent?=?div.offsetParent; ????div.innerHTML?+=?'父級元素ID:?'?+?offsetParent.id?+?'<br/>'; ????//scrollLeft和scrollTop是指元素滾動條位置,它們是可寫的
舉報