javascript中獲取dom元素的高度和寬度

2021-08-22 08:39:12 字數 1507 閱讀 8362

本身的寬高——width/height+padding

• clientwidth

• clientheight

本身的寬高——width/height+padding+border

• offsetwidth

• offsetheight

距離左側和上部的距離,相對於視窗

• offsetleft

• offsettop

獲取可以滾動的寬高(不包括border)如果內容寬高比本身小,該值為本身寬高,否則就是內容的寬高

• scrollwidth

• scrollheight

獲取滾動距離(左側、上側) 簡單地說就是滾動後被隱藏的寬度/高度。

• scrollleft

• scrolltop

相對於視窗左上角的點

• clientx

• clienty

相對於螢幕左上角的點(建議移動端使用)

• screenx

• screeny

相對於本身左上角的點

(非標準屬性)

•offsetx

• offsety

相對於整個文件左上角的點(建議移動端使用)

• pagex

• pagey

獲取視窗的寬高

• document.body.clientwidth——(width+padding)

• document.body.clientheight——(height+padding)

• document.body.offsetwidth——(width+padding+border)

• docuemnt.body.offsetheight——(height+padding+border)

獲取正文的寬高(可以滾動的寬高)

• document.body.scrollwidth

• docuemnt.body.scrollheight

獲取正文滾動距離

• document.body.scrolltop

• document.body.scrollleft

獲取螢幕解析度寬高

• window.screen.width

• window.screen.height

獲取左邊框寬度和上邊框寬度

• clientleft

• clienttop

菜鳥學習中 javascript中獲取時間

獲取當前日期時間及其它操作 var mydate new date mydate.getyear 獲取當前年份 2位 mydate.getfullyear 獲取完整的年份 4位 mydate.getmonth 獲取當前月份 0 11,0代表1月 mydate.getdate 獲取當前日 1 31 m...

JavaScript中獲取到物件名

我們經常要判斷使用者傳遞進來的物件名是不是合法的,那麼我們就需要獲取到該物件的物件名,在chrome有提供直接獲取到物件名的方法,而在ie中就需要正則或者字串切割,這麼使用正則 版本1 function getname fun else 版本2 function getname fun 版本3 fu...

javascript獲取型別

1 使用typeof函式可以用於識別運算數型別的字串,可以返回如下型別 number,string,boolenan,object,function,undefined.2 當使用typeof函式檢測null值時,返回的時object,則需要 return o null null typeof o ...