appendChild的重排重绘问题

let ul=document.querySelector('ul');
        for(let i=0;i<5;i++){
            let li=document.createElement('li');
            ul.appendChild(li);
            console.log(ul);//会打印五个含有五个li标签的ul
        }

当i=0时，执行ul.appendChild(li)后，浏览器会重新绘制DOM树，此时打印的话html中是空白的，所以打印结果为空白。

当循环结束后，DOM树绘制完成，此时会把ul的最终形态赋值给空白，所以最终的打印结果为五个ul的最终形态。