javascript，要等到DOM元素实际绘制完成为止

Question

是否可以创建一个DOM元素（例如DIV），然后等到该元素实际上在浏览器中之后再继续？就像ajax请求有一个“完成”事件一样，您可以在链接代码时使用该事件，以确保在步骤2开始之前完成第一步。顺便使用jQuery。

Answer 1

您可以依赖于DOM mutation events，尤其是您的情况为DOMNodeInserted，但是对于IE <10，实现是limpy at best。

但是请记住，有时您可以只保留对插入节点的动态引用并对其进行操作：

var $newElement = $('<div>Hello World!</div>').appendTo('body');
//...
$newElement.css('color', 'red');

Fiddled;实际上，您正在缓存对元素which is a good practice to begin with的引用。

此外，但我确实相信DOM插入是同步的。在这个阶段，我找不到任何文档来支持我，但是，如果您尝试在文档中插入淫秽的元素，您会相信的：）