为何替换DOM元素必须用replaceChild()，直接给childNodes[索引]赋值无效？

原因说明 #

childNodes是DOM规范定义的只读实时NodeList集合，本身不支持通过索引赋值的方式修改DOM节点，你的写法自然不会生效，核心差异有两点：

• 直接给oaxaca.childNodes[0]赋值的操作，本质只是给childNodes这个类数组对象新增了一个名为0的自定义属性，既不会触发DOM树的更新逻辑，也不会修改实际的节点关联关系，浏览器完全不会处理这个赋值操作对应的DOM变更。
• replaceChild是DOM官方提供的节点操作API，调用时会直接操作底层DOM树，完成旧节点移除、新节点插入的全流程，同时会自动更新所有关联的节点引用（包括实时NodeList的内容、父子节点关联属性等），所以可以正常完成替换。

如果想用更简洁的写法实现类似效果，可以用现代DOM API replaceWith：

oaxaca.childNodes[0].replaceWith(textNode)

内容的提问来源于stack exchange，提问作者Myssa Myssa