iT邦幫忙

2019 iT 邦幫忙鐵人賽
DAY 21
0
自我挑戰組

CSS、JS-30天研究筆記系列 第 22 篇

【day22】DOM 元素尺寸和位置

2019鐵人賽
1086 瀏覽

  • 分享至 

  • xImage
    •  

一、尺寸相關

  1. 通過 style 內聯獲取元素的大小.style.width和style.height;
  2. 獲取可視區的大小(內容+內邊距) clientWidth 和 clientHeight
  3. 獲取滾動內容的元素大小，scrollWidth 和 scrollHeight
  4. 獲取邊框、內邊距和捲軸大小，offsetWidth 和 offsetHeight

三、位置距離相關

  1. 獲取左邊框和上邊框的大小，clientLeft 和 clientTop
  2. 獲取當前元素相對于父元素的位置，offsetLeft 和 offsetTop
  3. 捲軸被隱藏的區域範圍，scrollTop 和 scrollLeft

上一篇
【Day21】DOM節點操作
下一篇
【day23】DOM的等級與操作樣式
系列文
CSS、JS-30天研究筆記 共 31 篇
  1. 27
    【day27】關於時間與日期
  2. 28
    【day28】JQ動畫效果
  3. 29
    【day29】JQ關於事件1
  4. 30
    【day30】JQ關於事件2
  5. 31
    【day30】JQ關於事件3
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19836 篇
完賽人數
528 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙