根据规范, 只有 BODY 和 FRAMESET 元素提供了“onload”事件以进行附加，但我想知道在JavaScript中何时向DOM添加了动态创建的DOM元素。
我目前使用的超级幼稚的启发式方法如下：
我想要的是确认我正在做的是否足够（同样，在IE7和FF3中都有效），或者一个更好的解决方案，出于某种原因，我完全没有意识到；也许还有其他应该检查的属性等。
编辑：我希望有一种跨浏览器的方法来实现这个，不幸的是，我生活在一个不止有一个浏览器的世界中；尽管如此，我们仍然欢迎浏览器特定的信息，但请注意你知道哪个浏览器它可以在其中工作。谢谢！
更新：对于任何感兴趣的人，这是我最终使用的实现：
function isInDOMTree(node) {
// If the farthest-back ancestor of our node has a "body"
// property (that node would be the document itself),
// we assume it is in the page's DOM tree.
return !!(findUltimateAncestor(node).body);
}
function findUltimateAncestor(node) {
// Walk up the DOM tree until we are at the top (parentNode
// will return null at that point).
// NOTE: this will return the same node that was passed in
// if it has no ancestors.
var ancestor = node;
while(ancestor.parentNode) {
ancestor = ancestor.parentNode;
}
return ancestor;
}
我希望这样做是为了为DOM元素合成onload事件的一种方式。下面是该函数（尽管我正在使用与MochiKit结合使用的略微不同的东西）：
function executeOnLoad(node, func) {
// This function will check, every tenth of a second, to see if
// our element is a part of the DOM tree - as soon as we know
// that it is, we execute the provided function.
if(isInDOMTree(node)) {
func();
} else {
setTimeout(function() { executeOnLoad(node, func); }, 100);
}
}
举个例子，这个设置可以按如下方式使用：
var mySpan = document.createElement("span");
mySpan.innerHTML = "Hello world!";
executeOnLoad(mySpan, function(node) {
alert('Added to DOM tree. ' + node.innerHTML);
});
// now, at some point later in code, this
// node would be appended to the document
document.body.appendChild(mySpan);
// sometime after this is executed, but no more than 100 ms after,
// the anonymous function I passed to executeOnLoad() would execute
希望对某些人有用。
注：我得出这个解决方案的原因是，与Darryl的回答相比，getElementById技术只在您在同一文档中时才有效； 我在页面上有一些iframe，并且页面以某种复杂的方式进行通信 - 当我尝试时，问题在于它无法找到该元素，因为它是不同于执行代码的文档的一部分。
最简单的答案是利用 Node.contains 方法，该方法被 Chrome、Firefox (Gecko)、Internet Explorer、Opera 和 Safari 支持。下面是一个示例：
var el = document.createElement("div");
console.log(document.body.contains(el)); // false
document.body.appendChild(el);
console.log(document.body.contains(el)); // true
document.body.removeChild(el);
console.log(document.body.contains(el)); // false
理想情况下，我们应该使用 document.contains(el)，但这在 IE 中不起作用，所以我们使用 document.body.contains(el)。
不幸的是，你仍然需要轮询，但检查元素是否已经存在于文档中非常简单：
setTimeout(function test() {
if (document.body.contains(node)) {
func();
} else {
setTimeout(test, 50);
}
}, 50);
如果您可以在页面中添加一些CSS，这里有另一种聪明的技术，它使用动画来检测节点插入：http://www.backalleycoder.com/2012/04/25/i-want-a-damnodeinserted/
(parent) div.contains(child div) 而不是 document.contains，所以不确定是否应该有不同的行为。 - Mrchief不要逐层遍历DOM树到文档元素，使用element.ownerDocument即可。
请查看这里：https://developer.mozilla.org/en-US/docs/DOM/Node.ownerDocument
并执行以下操作：
element.ownerDocument.body.contains(element)
您可以执行document.getElementById('newElementId');，看看它是否返回true。如果没有，就像您说的那样，等待100毫秒，然后再尝试一次？
MutationObserver 监听元素何时被添加到 DOM 中。var myElement = $("<div>hello world</div>")[0];
var observer = new MutationObserver(function(mutations) {
if (document.contains(myElement)) {
console.log("It's in the DOM!");
observer.disconnect();
}
});
observer.observe(document, {attributes: false, childList: true, characterData: false, subtree:true});
$("body").append(myElement); // console.log: It's in the DOM!
observer事件处理程序会在任何节点添加或从document中删除时触发。 在处理程序内部，我们执行contains检查以确定myElement现在是否在document中。mutations中的每个MutationRecord，因为可以直接对myElement执行document.contains检查。document替换为DOM中包含myElement的特定元素。var append = function(parent, child, onAppend) {
parent.appendChild(child);
if (onAppend) onAppend(child);
}
//inserts a div into body and adds the class "created" upon insertion
append(document.body, document.createElement("div"), function(el) {
el.className = "created";
});
document.body.innerHTML和最后保存的.innerHTML来监视更改，这并不是很优雅（但起作用）。由于您最终要检查是否已添加特定节点，因此最好在每个中断处检查一次。.offsetParent而不是.parentNode，因为它可能会从循环中剔除一些父级元素compareDocumentIndex()并测试IE的.sourceIndex属性（如果节点不在DOM中，则应为-1）。你需要使用 DOMNodeInserted 事件（或者 DOMNodeInsertedIntoDocument）。
编辑：IE 可能不支持这些事件，但我现在无法测试。
var finalElement=null;
lastDomObject时： finalElement=lastDomObject;
离开循环：
while (!finalElement) { } //this is the delay...
这里有另一个解决方案，提取自jQuery代码的问题。下面的函数可用于检查节点是否附加到DOM或是否“断开连接”。
function isDisconnected( node ) {
return !node || !node.parentNode || node.parentNode.nodeType === 11;
}
nodeType === 11定义了DOCUMENT_FRAGMENT_NODE，它是一个未连接到文档对象的节点。
有关详细信息，请参见John Resig的以下文章： http://ejohn.org/blog/dom-documentfragments/
Node.contains。下面附上答案链接：https://dev59.com/FHVC5IYBdhLWcg3wqzHV#13725984 - Chris Calo