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到页面后会不会触发什么事件，通过监听这个事件来获取呢？