为什么appendChild不工作？

Question

我试图创建三个元素（父级和一个孩子），但是第三个元素是<a>标记不附加到modalChild事件认为它正确地创建它。

modal = document.createElement("div"); 
 
    modal.className = "parent"; 
 
\t modalChild = document.createElement("div"); 
 
\t modalChild.className = "child"; 
 
    btnClose = document.createElement("a"); 
 
\t btnClose.className = "btnClose"; 
 
\t btnClose.textContent = "X"; 
 

 
\t modal.appendChild(modalChild); 
 
\t modalChild.appendChild(btnClose); 
 

 
\t document.body.appendChild(modal); 
 
\t modal.style.display = "flex";

modalChild被附加到正确模态但btnClose不追加到modalChild。有没有人看到代码的问题？

Answer 1

代码工作porperly.You可以追加到modalChild以任意顺序

modal = document.createElement("div"); 
 
modal.className = "parent"; 
 
modalChild = document.createElement("div"); 
 
modalChild.className = "child"; 
 
btnClose = document.createElement("a"); 
 
btnClose.className = "btnClose"; 
 
btnClose.textContent = "X"; 
 

 
modalChild.appendChild(btnClose); 
 
modal.appendChild(modalChild); 
 

 
document.body.appendChild(modal); 
 
modal.style.display = "flex";