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