Como dice el título, aquí tengo un código que funciona:

 const oaxaca = document.getElementById('oaxaca'); const textNode = document.createTextNode('sample'); oaxaca.replaceChild(textNode, oaxaca.childNodes[0]); // This works

Sin embargo, esto no:

 const oaxaca = document.getElementById('oaxaca'); const textNode = document.createTextNode('sample'); oaxaca.childNodes[0] = textNode; // Does nothing

¿Alguien podría explicar por qué esto no funciona? Parece intuitivo que tendría el mismo efecto pero no altera childNodes[0] en absoluto.