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

js通過(guò)createElement創(chuàng)建一個(gè)li，想要計(jì)算這個(gè)li的寬度，但是沒(méi)插入頁(yè)面之前計(jì)算寬度是0，插入頁(yè)面之后就能計(jì)算出li的真實(shí)寬度

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

const tab = new Tab()
const root = document.getElementById('root')
root.appendChild(tab)
// 2、這個(gè)時(shí)候再去計(jì)算 li的offsetWidth 就不是0
// li 在render到頁(yè)面后會(huì)不會(huì)觸發(fā)什么事件，通過(guò)監(jiān)聽(tīng)這個(gè)事件來(lái)獲取呢？