javascript - 怎麼取得高度自適應元素的高度呢？

Question

我的元素盒子高度沒有設置，由子集內容撐開，怎麼取得它的高度呢？ height 等各種方法取得都是0 請問有什麼辦法取得實際的高度？

Answer 1

你可以 延時一點時間再去取得內容的高度，例如這樣

        const oBox=document.getElementById(id);
        setTimeout(function(){
            console.log(oBox.scrollHeight)
        },500)

Answer 2

clientHeight, scrollHeight, offsetHeight
innerHeight, outerHeight
基本上總有一款適合你的

Answer 3

取得的都是0 因為高度沒設定 我想要的是網頁載入完成後 顯示的實際高度，包括子集的

Answer 4

第一種可能沒渲染完，js就執行了。 。取得到0
第二種可能裡面子元素都是浮動的，或是絕對定位了。最外一層沒高度
第三種可能取得錯元素了，js寫錯？

Answer 5

應該是還沒等渲染完元素就執行獲得高度的程式碼所導致的。