Javascript .innerHTML显示[object HtmlLevel]

对不起，伙计们，我真的是个新手

我正在通过从服务器返回的一组人进行循环（如果语法不正确，请忽略语法，这只是一个任意示例）

基本上，我在这些对象中循环，并在它自己的容器中显示每个人。我把每个“个人”的容器和附件 它们自己的“组容器”（即一个组容器将包含所有“组1”，另一个将包含所有“组2”）

在按下按钮时，我使用.appendChild来附加正确的“组”容器，但这只会将我想要显示的任何“组”容器添加到主容器中，而不是只显示我想要查看的容器，这是有意义的。我尝试使用mainContainer.innerHTML=group，但显示了[object htmldevelment]

---

这样做的最佳方式是什么？谢谢

如果您将一个节点分配给

innerHTML

，它将调用它的

toString

方法，这将为您提供

[object htmldevelment]

。您应该发布实际的“附加”代码，因为这是导致问题的原因。@MikeC，这是有道理的。当我使用“append child”时，它只是在底部添加一个组，而不是替换当前显示的组（这也是有意义的）。因此，每当我按下按钮在主容器中显示组时，如果我一直按下按钮显示组1，我将看到“group1”“group1”“group1”

[{
"group1": [
{
    "name": "Steve Smith";
    "age": "23",
},
{
    "name": "Taylor Smith";
    "age": "28",
}
],
"group2": [
{
    "name": "Henry Thomas";
    "age": "24";
},
{
    "name": "Susan Thomas";
    "age": "22";
}
]
}]