元素不会 appendChild

Question

所以我有一个 tampermonkey 脚本，它创建一些元素并附加它们。

因此，我的第一个类名元素：ControllerBG 附加到 ID 为“motd”的元素。

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

例子。

ControllerBG.appendChild(TopContainer);

它只附加第一个变量/元素，它看起来像这样

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

为什么其他元素不附加到该元素（也称为变量“TopContainer”）？

这是我的 JSFIDDLE 和 JavaScript。

https://jsfiddle.net/60nzjxf3/

我什至尝试过：

ControllerBG.innerHTML = TopContainer

Answer 1

您正在将 TopContainer 附加到其他几个元素中。 只有最后一个 (AboutContent) 才会真正拥有它，并且您没有将该元素附加到文档中。

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