JavaScript-Objekte und das DOM

[UlfL]

Hi Forum,

ich möchte Objekte in JavaScript definieren, und diese über das DOM in ein vorhandenes Dokument einhängen. Nur so schön objektorientiert wie in Java will es nicht klappen. Folgende Problemstellung:

Wir haben zwei Konstruktoren:

function Menu(){
  this.oDiv = document.createElement("div");
}
function MenuItem(){
  this.oSpan = document.createElement("span");
}

Mit

menu = new Menu();
menuItem = new MenuItem();

lassen sich neue Objekte anlegen, aber mit dem Zusammenfügen ist es schlecht bestellt. Folgende DOM-Operation ist nicht möglich:

menu.appendChild(menuItem);

sondern man muss immer die ganze Hierarchie notieren:

menu.oDiv.appendChild(menuItem.oSpan);

Hat jemand eine Lösung auf Lager, wie man die Objekte selbst, in diesem Beispiel also "menu" und "menuItem", direkt zusammenfügen kann?

Gruß,
UlfL