我需要准确测量网络应用程序中文本的尺寸，这是通过创建一个元素（具有相关 CSS 类）、设置其 innerHTML 然后使用 appendChild 将其添加到容器中来实现的。
执行此操作后，在渲染元素之前需要等待一段时间，并且可以读取其 offsetWidth 以了解文本的宽度。
目前，我正在使用 setTimeout(processText, 100) 等待渲染完成。
是否有任何我可以监听的回调，或者更可靠的方式来判断我创建的元素何时已被渲染？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
1021
收藏
当前没有 DOM 事件表明元素已完全呈现（例如应用和绘制附加的 CSS）。这可能会使某些 DOM 操作代码返回错误或随机结果（例如获取元素的高度）。
使用setTimeout给浏览器一些渲染开销是最简单的方法。使用
setTimeout(function(){}, 0)可能是最实际准确的，因为它将您的代码放在活动浏览器事件队列的末尾，没有任何延迟 - 换句话说，您的代码在渲染操作（以及当时发生的所有其他操作）之后立即排队）。