Eine Div in eine andere Div einfügen?

Ich erstelle eine Web-App und möchte wissen, warum der folgende Code nicht funktioniert. Es erstellt zuerst ein Element, das dann dem Körper hinzugefügt wird. Ich erstelle dann ein weiteres Div-Element, das ich in das erste div-Element einfügen möchte, das ich erstellt habe.

Ich verwende MooTools-Klassen, um Objekte zu erstellen und zu initialisieren, und es funktioniert gut, aber ich kann einfach nicht den folgenden Code zum Arbeiten bekommen. Der Code befindet sich in einem initialize: function() einer Klasse:

Wie Sie sehen können, erstellt es zunächst ein div mit dem Namen "mainBody" und fügt dann document.body hinzu. Dieser Teil des Codes funktioniert einwandfrei. Das Problem kommt daher, indem ich das zweite div erstelle und versuche, das mit document.getElementById(this.mainAppDiv.id).i(this.mainCanvasDiv.id);

Kann jemand an einen Grund denken, dass der obige Code nicht funktioniert?