Chrome中的子节点顺序问题

Question

我在这里遇到了一个奇怪的问题。

在我的应用程序中，它使用for循环遍历DOM的子节点并在这些子节点内设置值。它看起来像是在跟随。

for (var j = 0, length = contentsArray.length; j < length; j++) {
      //get the control for the node at this index
      contentControl = contentControlDef.getControlForObjectAtContainerIndex(contentsArray[j], j);
      //repopulate node; call overwriteDomNode(instanceDom, contentsArray, index);
      contentControl.overwriteDomNode(contentsDom.childNodes[j], contentsArray, j);
    }

overwriteDomNode方法如下所示。

overwriteDomNode(instanceDom, contentsArray, index) {
  //simple default.
  instanceDom.innerHTML = contentsArray[index].value;
}

这些值设置在如下的行中。

在firefox和IE中，值从第一个单元格开始正确设置。但在Chrome中，它不是那样的。值从数组的中间设置。

Ex： - 数组的第6个值到达chrome中行的第一个单元格。

有人知道如何解决这个问题吗？