爲什麼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";