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

Question

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

Answer 1

使用setTimeout异步异步获取一下？或者如果使用的是vue的话，可以使用Vue.nextTick

Answer 2

var div = document.getElementById('example');
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);