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

Question

是否可以创建一个DOM元素（比如说DIV），然后等到该元素实际进入浏览器才继续进行？就像ajax请求有一个“完整”事件，你可以在链接代码时使用，以保证在step2开始之前完成第一步。 顺便使用jQuery。

Answer 1

对于您的案例，您可以依赖DOM mutation events，特别是DOMNodeInserted，但对于IE＆lt; 10，<{p}}的实现为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插入是同步的。在这个阶段我找不到任何docos支持我，但是如果你试图在文档中插入一些淫秽的元素，你会相信它：）