Warum funktioniert appendChild nicht?

Question

Ich versuche, drei Elemente (Eltern und ein Kind) zu erstellen, aber das dritte Element, das ein <a>-Tag ist, hängt nicht an modalChild Ereignis dachte, es erstellt es richtig.

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 wird angehängt wird richtig modal aber btnClose ist das Anhängen nicht modalChild. Sieht jemand das Problem mit dem Code?

Answer 1

Der Code funktioniert porperly.You zu modalChild in beliebiger Reihenfolge

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";