包括元素的滾動條,不包括邊框，值為string，帶單位px
使用style.height最坑的就是height必須使用行內樣式，使用內聯式和外嵌式是不行的
height在標籤中設定，使用style.height是獲取不到值的
lang
="en"
>
>
charset
="utf-8"
>
>
titletitle
>
>
.div
style
>
head
>
>
class
="div"
>
hello world
div>
>
let div = document.
queryselector
(".div");
console.
log(div.style.height)
;script
>
body
>
html
>
只有在行內才能獲取到值
lang
="en"
>
>
charset
="utf-8"
>
>
titletitle
>
head
>
>
class
="div"
style
="height
: 100px;
border
: 1px soled #000;
">
hello world
div>
>
let div = document.
queryselector
(".div");
//輸出的是100px,並不是102px
console.
log(div.style.height)
;script
>
body
>
html
>
clientheight 可以通過 css height + css padding - 水平滾動條高度 (如果存在)來計算.
不包括元素的滾動條和邊框，值為number，不是string，即不帶px
可以使行內、內聯和外嵌
lang
="en"
>
>
charset
="utf-8"
>
>
titletitle
>
>
.div
style
>
head
>
>
class
="div"
>
hello world
div>
>
let div = document.
queryselector
(".div");
console.
log(div.clientheight)
;script
>
body
>
html
>
包括元素的滾動條和邊框
hello world
如果元素滾動到底，下面等式返回true，沒有則返回false
element.scrollheight - element.scrolltop === element.clientheight
js獲取元素滾動高度，body高度
獲取瀏覽器顯示區域 可視區域 的高度 window height 獲取瀏覽器顯示區域 可視區域 的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 瀏覽器當前視窗文件body的高度 document.body hei...
原生JS獲取dom元素高度
clientheight,scrollwidth,offsetwidth的區別 用body 測試 網頁實際寬 document.body.clientwidth 網頁實際高 document.body.clientheight 網頁實際寬 document.body.offsetwidth 包括邊線...
js中如何獲取元素的高度
方法一 使用jquery id height 方法二 使用dom document.getelementbyid id style.height 需要這樣設定才能獲取到高度，document.getelementbyid id offsetheight document.getelementbyid...