文章詳情頁
javascript - 怎么獲取高度自適應(yīng)元素的高度呢？
瀏覽：152日期：2022-12-13 08:05:52
問題描述
我的元素盒子高度沒有設(shè)置，由子集內(nèi)容撐開，怎么獲取它的高度呢？height 等各種方法獲取都是0 請(qǐng)問有什么辦法獲取實(shí)際的高度？
問題解答
回答1：你可以 延時(shí)一點(diǎn)時(shí)間再去獲取內(nèi)容的高度，例如這樣
const oBox=document.getElementById(id);setTimeout(function(){ console.log(oBox.scrollHeight)},500)回答2：
clientHeight, scrollHeight, offsetHeightinnerHeight, outerHeight基本上總有一款適合你的
回答3：獲取的都是0 因?yàn)楦叨葲]設(shè)置 我想要的是網(wǎng)頁加載完成后 顯示的實(shí)際高度，包括子集的
回答4：第一種可能沒渲染完，js就執(zhí)行了。。獲取到0第二種可能里面子元素都是浮動(dòng)的，或者絕對(duì)定位了。最外一層沒高度第三種可能獲取錯(cuò)元素了，js寫錯(cuò)？
回答5：應(yīng)該是還沒等渲染完元素就執(zhí)行獲得高度的代碼導(dǎo)致的。
標(biāo)簽：
JavaScript
上一條：javascript - ionic返回按鈕刷新問題下一條：javascript - 手機(jī)瀏覽器會(huì)有一個(gè)默認(rèn)的viewport視圖，將頁面縮放后顯示在手機(jī)屏幕？
相關(guān)文章：
1. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題2. javascript - QWebEngineView 如何爬 angular 的動(dòng)態(tài)數(shù)據(jù)？3. javascript - 使用angular 的ui-sref 中出現(xiàn)了中文參數(shù)，點(diǎn)擊跳轉(zhuǎn)后瀏覽器的地址欄里出現(xiàn)轉(zhuǎn)義后的%AE....%a%44. java - ConcurrentHashMap中的get()方法為什么可以不加鎖？5. java - 郵箱如何發(fā)送html內(nèi)容6. html5 - 這個(gè)代碼顯示功能如何實(shí)現(xiàn)？7. javascript - 用JS 七牛上傳圖片出現(xiàn)文件已存在的錯(cuò)誤（file exists）8. 工作近5年，3年Java Web ，近2年前端，未來何去何從？9. css3 - 圖片等比例縮放10. java - 字節(jié)流轉(zhuǎn)成字符串之后，在通過字符串轉(zhuǎn)成字節(jié)流后的文件為什么會(huì)不一樣？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備