文章詳情頁(yè)
javascript - 怎么獲取高度自適應(yīng)元素的高度呢？
瀏覽：148日期：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)頁(yè)加載完成后 顯示的實(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視圖，將頁(yè)面縮放后顯示在手機(jī)屏幕？
相關(guān)文章：
1. 數(shù)組按鍵值封裝！2. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題3. docker不顯示端口映射呢？4. python - flask _sqlalchemy 能否用中文作為索引條件5. java - 阿里的開發(fā)手冊(cè)中為什么禁用map來作為查詢的接受類?6. python3.x - git bash如何運(yùn)行.bat文件？7. javascript - ES6規(guī)范下 repeat 函數(shù)報(bào)錯(cuò) Invalid count value8. html5 - 使用echarts中的圖表 一個(gè)頁(yè)面導(dǎo)入了好幾個(gè)js圖表 實(shí)現(xiàn)echarts圖表隨著瀏覽器窗口變化而變化時(shí)出現(xiàn)了問題9. javascript - webpack中alias配置中的“@”是什么意思？10. javascript - 為什么創(chuàng)建多行多列的表格最后只有一行內(nèi)有表格
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備