JavaScript使用createElement创建一个li，后如何检测到已经插入到真实dom，并计算li的宽度

Question

js通过createElement创建一个li，想要计算这个li的宽度，但是没插入页面之前计算宽度是0，插入页面之后就能计算出li的真实宽度
classTab{
constructor(){
consttab=document.createElement("ul")
constli=document.createElement("li")
tab.appendChild(li)
li.textContent="test"
//1、这个时候如果获取li的宽度(li.offsetWidth)，是0
//如何在tab插入真实dom上后再去计算li.offsetWidth？
returntab
}
}
consttab=newTab()
constroot=document.getElementById('root')
root.appendChild(tab)
//2、这个时候再去计算li的offsetWidth就不是0
//li在render到页面后会不会触发什么事件，通过监听这个事件来获取呢？