javascript - 元素何时真正添加到DOM树？

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center。
                            
                        
                    
                
                7年前关闭。
            
        

假设我有以下代码片段：

var NewNode = document.createElement("div");

NewNode.appendChild(document.createTextNode("Hello World!"));

document.body.appendChild(NewNode);

我实际上在哪几行将元素附加到DOM树？

最佳答案

为了非常明确地回答您的问题，您将在第三行中附加到文档DOM树。但是，您的问题的措词在概念上存在混淆。

第一行之后有多个DOM树。有（1）个文档的DOM树，尽管严格说来并不是唯一的一个，但您将其称为“ the” DOM树，还有（2）由单个div元素组成的DOM树。此时，这两个DOM树未连接。在执行第二行之后，较新的DOM树中有两个节点，而不仅仅是一个。而且，要说得很贴切，在createTextNode返回之后但在调用appendChild之前，有3个DOM树。在第三行之后，您将返回到单个DOM树，该树可通过document访问。