关于重绘,重排的问题,如何拿到渲染完成的事件?

Question

有很长很长的一段html字符串，然后我把它渲染到div中，然后去取这个div的宽度，总是在没渲染完，就去获取宽度了，这样得到的宽度不准确，怎么办？有什么解决思路?

Answer 1

var html = [];
for (var i = 0; i < 100000; i++) {
    html.push('<span>' + i + '</span>');
}
$('#example').html(html.join(' '));
setTimeout(function() {
    var width = $('#example').text().length;
    console.log(width);
}, 0);

Answer 2

添加定时器,在定时器里加入应用逻辑.

这样可以在 div 渲染完拿到最后渲染完的宽度.

因为定时器是在其他逻辑处理完才调用的,解决了这个问题.

Answer 3

使用 jquery 的  

$(document).ready( function(){ 
// 执行操作

}  );

可以让整个文档加载完再去进行获取宽度的操作