动态渲染数据通过class获取元素不能遍历问题

Question

根据后台返回的数据反显到页面上（商品编辑功能），数据是一个数组，需要循环渲染（但里面再套数组），其中循环渲染的内部还包括从外部引用的组件。由于是根据数据动态渲染元素，这个组件不能使用ref获取，于是改为使用class获取该子组件元素，然后再循环对其页面中元素进行赋值达到反显数据。
但是现在问题是可以获取循环后的子组件元素列表（集合list），但是不能遍历，也就是 console.log(document.getElementsByClassName('plaCate')[0])却为undefined，如下图，遍历终止了，不能遍历出元素。。。求指教~~

Answer 1

我看你在控制台中有两个HTMLCollection对象，第一次有两个元素，到了第二次就是空的，是否是在forEach循环中你有对两个div做操作，导致他们从页面节点中消失？