CSSOM

1.clientHeight和clientWidth用于描述元素內(nèi)尺寸,是指 元素內(nèi)容+內(nèi)邊距 大小,不包括邊框(IE下實際包括)、外邊距、滾動條部分

  1. offsetHeight和offsetWidth用于描述元素外尺寸,是指 元素內(nèi)容+內(nèi)邊距+邊框,不包括外邊距和滾動條部分只讀

  2. clientTop和clientLeft返回內(nèi)邊距的邊緣和邊框的外邊緣之間的水平和垂直距離,也就是左,上邊框?qū)挾?/p>

  3. offsetTop和offsetLeft表示該元素的左上角(邊框外邊緣)與已定位的父容器(offsetParent對象)左上角的距離 外邊緣到元素

5.style.height只是返回元素本身的高度

6.innerHeight與clientHeight相同(屬性是不一樣是讀寫的),說的是ie中不支持此屬性

7.scrollHeight返回元素的高度(元素的高度 + 內(nèi)邊距 + 溢出尺度,無溢出時與clientHeight一樣)

  1. offsetParent對象是指元素最近的定位(relative,absolute)祖先元素,遞歸上溯,如果沒有祖先元素是定位的話,會返回null

9.outerheight(true/false) 當(dāng)為true時返回整體的高度(元素的高度,內(nèi)邊距,邊框和外邊框)

參考: http://www.zhangxinxu.com/wordpress/2011/09/cssom%E8%A7%86%E5%9B%BE%E6%A8%A1%E5%BC%8Fcssom-view-module%E7%9B%B8%E5%85%B3%E6%95%B4%E7%90%86%E4%B8%8E%E4%BB%8B%E7%BB%8D/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 CSSOM全稱CSS對象模型,涉及兩部分內(nèi)容,第一部分和操作樣式表相關(guān),第二部分和元素尺寸相關(guān),本文介紹第二...
    江楓閱讀 3,102評論 1 10
  • oDiv.clientWidth, oDiv.clientHeight 兼容性:全兼容內(nèi)容區(qū)域的寬度、高度,不包括...
    桃花島主閱讀 403評論 0 0
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 2,059評論 0 6
  • 再長的時間 都長不過回家的期盼 再美的風(fēng)景 都美不過回家的那條路 再好的心情 都好不過回家時的感覺 (今天我要回家嘍)
    春衫涼閱讀 744評論 15 26
  • 偶然被一篇游記吸引,永泰蓋洋鄉(xiāng)珠峰村里有古銀杏林群落!! 啥也不說不想不顧……出發(fā)。 短短的一百多公里走了三個多小...
    吼叫的胖閱讀 351評論 0 3

友情鏈接更多精彩內(nèi)容