JS记坑 ----- children返回的类数组

博客讲述了一个前端场景问题,获取父结点所有子结点的类数组后,想交换元素并重新渲染HTML结构,但发现类数组无法修改。解决办法是深拷贝类数组的元素,对拷贝数组进行操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

场景


 通过父结点.children获取到了父结点的所有子结点的类数组,我想在这个类数组中swap元素,然后再通过这个交换了部分元素的类数组重新渲染父结点下的所有子节点顺序的HTML结构。在实现了代码并且调试了多遍之后,发现这个类数组是无法修改的!

解决办法


 深拷贝这个类数组的元素,然后对这个拷贝数组进行操作。