为什么alert语句总是优先于上一条语句执行？

Question

代码如下：

right_out.onclick = function(){

   var lis = ul.getElementsByTagName('li');

   var temp = lis[lis.length-1].innerHTML;

   ul.removeChild(lis[lis.length-1]);

   alert(temp);

}

removeChild这行明明是在上面,为什么是alert语句优先执行?
然后我尝试给alert语句添加setTimeOut定时器,结果还是一样.

var lis = ul.getElementsByTagName('li');

var temp = lis[0].innerHTML;

ul.removeChild(lis[0]);

setTimeout(function(){

    alert(temp)

},1000);

Answer 1

alert会阻塞所有线程，其中就包括GUI渲染线程，所以removeChild已经执行了，只是没有表现出来而已。