JavaScript使用createElement創(chuàng)建一個li，后如何檢測到已經(jīng)插入到真實dom，并計算li的寬度

js通過createElement創(chuàng)建一個li，想要計算這個li的寬度，但是沒插入頁面之前計算寬度是0，插入頁面之后就能計算出li的真實寬度

class Tab{
    constructor(){
        const tab = document.createElement("ul")
        const li = document.createElement("li")
        tab.appendChild(li)
        li.textContent = "test"
        // 1、這個時候如果獲取li的寬度(li.offsetWidth)，是0
        // 如何在tab插入真實dom上后再去計算 li.offsetWidth？
        return tab
    }
}

const tab = new Tab()
const root = document.getElementById('root')
root.appendChild(tab)
// 2、這個時候再去計算 li的offsetWidth 就不是0
// li 在render到頁面后會不會觸發(fā)什么事件，通過監(jiān)聽這個事件來獲取呢？