✔ Element dynamisch an das Ende des Bodys hängen

[FunkyMonkey]

Guten Abend

ich habe eine Funktion die dynamisch ein Element in den Body hängt:

function createDIV(){
	var mgdiv = document.createElement("div");
	var mgimg = document.createElement("img");
	mgimg.setAttribute("src","img/teaser.gif");
	mgdiv.appendChild(mgimg);
	document.body.appendChild(mgdiv);
}

ich möchte das Element kurz vor Schließen des Body-Tags anbringen, also quasi als aller letztes Element im Body. Hoffe das geht ohne im Dokument dafür einen Platzhalter einbauen zu müssen.

Hat jemand eine Idee? Thanks

 

[Quaese]

Hi,

Elemente, die mit appendChild in den Dokumentenbaum eingehängt werden, werden immer als letzter Knoten des Elternelementes eingehängt.

Versuch es mal so:

function createDIV(){
  var mgdiv = document.createElement("div");
  var mgimg = document.createElement("img");
  mgimg.setAttribute("src","img/teaser.gif");
  mgdiv.appendChild(mgimg);
  document.getElementsByTagName("body")[0].appendChild(mgdiv);
}

Ciao
Quaese

 

[FunkyMonkey]

Super! Ich liebe dieses appendChild.

Kannst Du mir sagen ob es möglich ist ein Element zwischen zwei Knoten einzuhängen? Also nicht am Anfang oder am Ende, sondern z.B. irgendwo dazwischen (quasi vor oder nach einem ermittelbaren element mit getelementbyid, aber nicht append sondern auf gleicher ebene)

 

[Quaese]

Hi,

ja, es existiert noch die Methode inserBefore. Diese fügt einen Kindknoten vor einen anderen ein.

elternknoten.insertBefore(neuer_kindknoten, kindknoten_vor_den_eingefuegt_wird)

Einfügen vor einen mit getElementById ermittelten Objekt könnte eventuell wie folgt funktionieren:

document.getElementById("id").parentNode.insertBefore(document.createTextNode("Der Neue"), document.getElementById("id"));

Ciao
Quaese

 

[FunkyMonkey]

Genial! Danke