dom - 子元素的并发修改

Question

在每个子元素之后向给定元素( element )插入新元素的“最佳”方法是什么。

下面自然给出了Concurrent修改异常

element.children.forEach((Element child){
  var new_child = new DivElement();
  element.insertBefore(new_child, child);
});

Answer 1

避免的最简单方法 ConcurrentModificationError是通过调用 toList() 复制列表在做修改之前。

element.children.toList().forEach((Element child){
  var new_child = new DivElement();
  element.insertBefore(new_child, child);
});