javascript:执行 appendChild(node) 然后尝试读取 node.clientWidth 失败

Question

我在使用 DOM appendChild() 方法时遇到了问题。我创建一个节点，然后将此节点附加到父节点，然后我想读取 node.clientWidth 属性，但它返回 0，因为尚未绘制节点。这是我的代码:

var node = document.createElement('div');
node.textContent = 'some text';
parent.appendChild(node);
alert(node.clientWidth); //shows 0

我在节点上尝试了 onload 和 onshow 事件，但它们甚至没有被触发。我可以使用 setTimeout 并且它可以正常工作，但这不是一个完美的解决方案。有没有好的解决办法对于这个问题？
抱歉我的英语不好，非常感谢!

更新:好的，我明白我的问题了。当时的 Parent 没有附加到 DOM。抱歉，感谢您的宝贵时间

Answer 1

如果您真的希望它在浏览器知道后立即为您提供 clientWidth，您可以这样做:

var node = document.createElement('div');
node.textContent = 'some text';
parent.appendChild(node);
var width = node.clientWidth;
while (width == 0) {
    width = node.clientWidth;
}
// stuff