Question

我想要附加到现有表的数据数组。所以，我基本上是通过克隆最后一行来向表中添加行。

1) var clonedRow = $("#tableId" tr:last-child").clone(true);

循环遍历数据数组时，我为clonedRow

中的每个列设置了新值

2)
  $("td", clonedRow).eq(1).html("new data"); 
  $("td", clonedRow).eq(2).html("new data");

并附加到表格中。

3) $"#tableId").append(clonedRow);

循环继续（克隆，插入值，追加......）。

我认为如果我在循环之外追加可能会更快，所以我创建了一个documentFragment

4) var docFrag = document.createDocumentFragment();

并将clonedRow附加到片段而不是表

5) docFrag.appendChild(clonedRow);

然后当它全部完成时，我会将文档片段附加到表中：

6) $("#"+gridID).appendChild(frag);

问题是我正在将 HierarchyRequestError 添加到我将行附加到文档片段的位置（步骤5）。谁能告诉我如何解决这个问题？

Answer 1

如果不允许将元素插入DOM中的特定点，或者您尝试将节点移动到自身中，则会引发此错误。还有很多其他原因。