Javascript：无法获取新创建元素的高度

发布于 2024-12-17 11:20:14 字数 338 浏览 0 评论 0原文

使用新元素（ei body.append(html)）更新 DOM 后，我无法立即获取新更新元素的高度（例如 body.height()）。部分修复是设置时间间隔并获取时间间隔结束时的高度 (setTimeout("alert(body.height)", 500))。

还有更好的想法吗？比如 DOM 完全更新后的回调？谢谢。

编辑：仅当后台发生很多事情时（即页面首次加载时）才会发生这种情况。如果没有处理其他任何事情，页面更新似乎几乎是瞬时的。我需要的是回调，或者 DOM 何时被改革的指示器！

编辑：问题在于浏览器被其他进程“分散注意力”，这使得浏览器无法在添加元素后立即更新。我该如何解决这个问题？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

暮色兮凉城 2024-12-24 11:20:14

超时方法之所以有效，是因为渲染引擎有机会通过更改渲染元素并为其分配高度来显示新元素。

您可以将超时设置为0，仍然具有相同的效果。

回复收藏 0 原文

于我来说 2024-12-24 11:20:14

使用 jQuery 对我来说很好。

在 jsfiddle 演示中，我放置了下一个代码：

$(function(){
    var jTest = $('#test');

    console.log('The height:',jTest.innerHeight(),jTest.height()); //Show me 'The height: 20 20'

    jTest.append('<div><br/>How are you?</div>');
    console.log('The height:',jTest.innerHeight(),jTest.height()); //Show me 'The height: 60 60'

});

除非您指的是仅 javascript 解决方案或放置 jsFiddle 演示来显示您的错误。

With jQuery works fine for me.

In the jsfiddle demo I put the next code:

$(function(){
    var jTest = $('#test');

    console.log('The height:',jTest.innerHeight(),jTest.height()); //Show me 'The height: 20 20'

    jTest.append('<div><br/>How are you?</div>');
    console.log('The height:',jTest.innerHeight(),jTest.height()); //Show me 'The height: 60 60'

});

Unless you mean javascript only solution or put a jsFiddle demo to show your error.

回复收藏 0 原文

~没有更多了~