div container mit weiteren "unterdivs" erstellen

[dubmonster]

hallo zusammen,
ich quäl mich momentan mit ner kleinen aufgabe herum. und zwar erstelle ich via createElement() ein div und hänge dieses via appendChild an der richtigen stelle im Dom-Baum an. nun möchte ich aber, dass in dem erzeugten div noch verschiedene elemente vorhanden sind (<form>,<p> etc...)
ich bin mir aber grade nciht sicher wie man dies ambesten bewerkstelligt. ich habe es auf verschiedenen wegen versucht diese dann direkt mit einzubauen, allerdings will nichts funktionieren wie ich das gern möchte. kann mir jmd einen denkanstoss in die richtige richtung geben?
code habe ich nicht beigefügt, da ich den weg zur lösung nur abstrahiert wissen möchte. aber vll hat jmd einen link, tut zur hand der mich in die richtige denkrichtung schubst.
auf frameworks verzichte ich, da ich die grundlage kennen möchte und die anwendung eines solchen nicht weiterhilft.
danke im voraus

 

[Quaese]

Hi,

es gibt zwei Möglichkeiten, Inhalte einzufügen - eine DOM-konforme über die Methode appendChild und eine "vereinfachte", bei der eine Zeichenkette mit HTML-Code mittels der Eigenschaft innerHTML eingefügt wird.

Mit der ersten hast du ja bereits gearbeitet. Willst du weitere Elemente einfügen, verfährst du genauso wie beim ersten DIV, nur dass die neuen Knoten in das DIV-Objekt eingehängt werden.

Beispiel:

function newContent(){
  var objDiv = document.createElement("div");
  var objB   = document.createElement("b");
  var objTxt = document.createTextNode("Hallo Welt");

  objB.appendChild(objTxt);
  objDiv.appendChild(objB);
  document.getElementsByTagName("body")[0].appendChild(objDiv);
}

Das gleiche mit der zweiten Methode würdest du erreichen, wenn du die innerHTML-Eigenschaft des body-Objekts erweitern würdest.

Beispiel:

function newContent(){
  document.getElementsByTagName("body")[0].innerHTML += "<div><b>Hallo Welt</b></div>";
}

Ich hoffe, das hilft dir weiter.

Im Übrigen möchte ich dich darum bitten, dich, wie in der Netiquette zugestimmt, an die Gross- und Kleinschreibung zu halten - besten Dank im voraus.

Ciao
Quaese

 

[dubmonster]

Dank dir für den richtigen Schubser passt
Und sorry für Kleinischreibung, hast vollkommen recht, ich achte drauf