DIV nachträglich erstellen

[minicrispie]

Hallo,

Hallo,

leider finde ich zu einem Problem keine Lösung. Es soll dynamisch ein DIV-Bereich eingefügt werden:

<div class="Box">
                <div class="BoxHead">
                  <h1>Überschrift</h1>
                </div>
              </div>

Hallo,

Irgendwie bekomme ich es mit document.createElement nicht auf die Reihe. Kennt jemand eine Lösung?

Also eine andere Lösung als diese Fällt mir da nicht ein.

Du müsstest nur dein Code etwas umändern:

  
              <div class="Box" id="Bereich">  
                <div class="BoxHead">  
                  <h1>Überschrift</h1>  
                </div>  
              </div>  

Wenn du das neue Div hier dran hängen willst, musst du nur die ID setzen.

Dein script müsste ungefähr so aussehen:

  
var NeuerDiv = document.createElement("div"); //erzeugen des Elementes  
var Inhalt = document.createTextNode(Irgend ein Inhalt) //Das steht im Div  
NeuerDiv.setAttribute("id", "NameDeDiv"); //Attribut geben  
NeuerDiv.appendChild(Inhalt); //Inhalt anhängen  
  
//Ins dokument hängen  
var AlterDiv = document.getElementById('Bereich');  
AlterDiv.appendChild(NeuerDiv);  
  
//Fertig !  

MfG. Christoph