Tengo un padre y le agrego un hijo. Después de eso, agrego <br> al innerHTML del padre, pero después de eso, el innerHTML del niño ya no se puede cambiar. ¿Que está pasando aqui? ¿Por qué el resultado final no es "bbb"?

Pero si comenta container.innerHTML += "<br>" , cambia a "bbb".

 let container = document.createElement('div') document.body.appendChild(container) let child = document.createElement('div') child.innerHTML = "aaa" container.appendChild(child) container.innerHTML += "<br>" child.innerHTML = "bbb"