元素不会追加Child

Question

所以我有一个tampermonkey脚本，用于创建一些元素并将其附加。

因此，我的第一个类名称为ControllerBG的元素追加到id为“ motd”的元素。

当我的第二个元素尝试追加时，控制台中什么也看不见或没有错误。

示例。

ControllerBG.appendChild(TopContainer);

它仅附加第一个var / element，看起来像这样

<div class="ControllerBG" item-controlv1=""></div>

为什么其他元素不会追加到该元素，也称为变量“ TopContainer”？

这是我的带有JavaScript的JSFIDDLE。

https://jsfiddle.net/60nzjxf3/

我什至尝试过：

ControllerBG.innerHTML = TopContainer

Answer 1

您要将TopContainer附加到其他几个元素中。实际上只有最后一个（AboutContent）会拥有它，并且您不会将该元素附加到文档中。

ControllerBG.innerHTML = TopContainer无效，因为TopContainer是一个元素，而不是HTML字符串。