Julian: dynamisch generierte tabelle

Beitrag lesen

Hallo allesamt,

Ich möchte per Javascript-Funktion in eine bestehende div dynamisch eine Tabelle einfügen. Dafür habe ich folgendes Script geschrieben:

  
  function los()  
    {  
      var tableElement = document.createElement("table"); //table element kreieren  
      var tableAttribut = document.createAttribute("id"); //attribut "id" kreieren  
      tableAttribut.nodeValue = "popup_table"; //id-attribut zuweisen  
      tableElement.setAttributeNode(tableAttribut);//attribut eintragen  
      document.getElementById("popup_div").appendChild(tableElement); //table-element in div eintragen  
  
      var trElement = document.createElement("tr"); //tr-element für Überschrift kreieren  
      var trAttribut = document.createAttribute("id"); //attribut "id" kreieren  
      trAttribut.nodeValue = "tr_titel"; //id-attribut zuweisen  
      trElement.setAttributeNode(trAttribut);//attribut eintragen  
      document.getElementById("popup_table").appendChild(trElement); //tr-element in table eintragen  
  
      var tdElement = document.createElement("td"); //  
      var tdAttribut = document.createAttribute("id"); //attribut "id" kreiern  
      tdAttribut.nodeValue = "popup_titel"; //id-attribut zuweisen  
      tdElement.setAttributeNode(tdAttribut);//attribut eintragen  
      document.getElementById("tr_titel").appendChild(tdElement); //td-element in tr eintragen  

jetzt dachte ich mir, dass ich mit folgendem Code-Schnipsel

  
      var testext = document.createTextNode("tabellentext, dynamisch");  
      document.getElementById("popup_titel").appendChild(testext);  

einen Text in die td eintragen kann. Das funktioniert aber nicht, was mache ich falsch?
mfg Julian