javascript - 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 では、値は最初のセルから正しく設定されます。しかし、クロムではそうではありません。値は配列の途中から設定されます。

例 :- 配列の 6 番目の値は、chrome の行の最初のセルになります。

誰かがこれを修正する方法を知っていますか?