javascript - 数据添加到DOM后浏览器何时对其进行渲染

Question

代码

使用jQuery操作DOM

var data = $('<li>Hello, This is a list.</li>').appendTo('#main>ul');
data.show();

对应的CSS

#main>ul{ list-style-type: none;}

现象

在Chrome、Firefox下面，该<li>标签很正常的出现
但是在IE7下面，该<li>标签会先出现一个默认的list-style-type，然后执行CSS定义的list-style-type: none

问题

IE下面该如何使其可以像Chrome一样正常显示

Answer 1

我试了一下没有发生你所说的情况，可能是用IETester的原因无法重现。
data.show();这一句是不必要的。因为appendTo时DOM已经发生渲染了。

有时为了实现数据append后slideDown的效果，经常这样做:
var data = $('<li>Hello, This is a list.</li>').hide().appendTo('#main>ul').slideDown('slow');

Answer 2

css修改为：

#main ul{ list-style-type: none;}