JS: Tabelle dynamisch erzeugen

[gunny]

Hi ihr,
ich such nun schon seit einiger Zeit nach einer Lösung für mein Problem. Da ich zwar Ansätze gefunden hab, diese aber bei mir nicht funktionieren will ich mal bei euch nachfragen ob ihr den Fehler findet.
Folgende Anordnung ist in meinem Fall gegeben:
Ich will eine AJAX-Seite (PHP/JS) mittels dem Framework xajax basteln. So an sich funktioniert das alles auch ganz gut. Im Laufe des Seitenbesuchs wird die Funktion getSpieltag bzw. xajax_getSpieltag geladen, in dieser wird mittels $objResponse->call() die JS-Funktion ArrayToMainpage (JS-Funktion) aufgerufen.
Diese ArrayToMainpage zeige ich nun hier mal auf:

function ArrayToMainpage(array, type)
{
alert("P1");
	var tabelle = document.createElement("tabelle");
alert("P2");
//mainpage = div im body
	document.getElementById("mainpage").appendChild(tabelle);		
	var tablebody = document.createElement("tbody");
	document.getElementById("tabelle").appendChild(tablebody);
alert("P1"); //Kontrollpunkt
	var tr = tabelle.insertRow(0);
alert("P2");//Kontrollpunkt
	var td = tr.insertCell(0);
alert("P3");//Kontrollpunkt
	td.appendChild(document.createTextNode("TEST"));
alert("P4");//Kontrollpunkt
	
}

Dieser Code wird abgearbeitet, jedoch erscheint nur "P1" als ausgabe. Die Tabelle wird auch nicht erzeugt. Wenn ich mittels Debugger mir den HTML-Code anschaue steht nur ein "<table></table>" im Code, was mir an sich auch nicht gefällt da zb. keine ID.
Außerdem fehlen ja noch die "Kontrollpunkte" P2 bis P4.

Wenn ihr noch fragen habt oder hoffentlich antwort(en) dann meldet euch bitte

Danke für jeden Hinweis.

Gruß
gunny

PS: Ich muss dazusagen, dass ich was die JS-Programmierung betrifft mich noch auf Neuland befinde ...

[tsseh]

Wenn ich mittels Debugger mir den HTML-Code anschaue steht nur ein "<table></table>" im Code, was mir an sich auch nicht gefällt da zb. keine ID.

und da hast du doch dein problem auch schon gefunden. wenn keine id vorhanden ist, geht auch getElementById nicht. und dass du eine id setzt sehe ich nicht.

[gunny]

und da hast du doch dein problem auch schon gefunden. wenn keine id vorhanden ist, geht auch getElementById nicht. und dass du eine id setzt sehe ich nicht.

Das stimmt. Wenn ich fragen darf:wie setzt man da die ID? Finde aktuell nichts ;(

danke für die Antwort und hilfe
gunny

[tsseh]

tabelle.id = "deine_ID";

[kkapsner]

1. Fehlerkonsole (Wo finde ich die Fehlerkonsole?).
2. <tabelle> ist kein gültiges Tag.
3. Du hast doch schon eine Referenz auf deine "Tabelle" - die Variable tabelle.

[gunny]

1. Fehlerkonsole (Wo finde ich die Fehlerkonsole?).
2. <tabelle> ist kein gültiges Tag.
3. Du hast doch schon eine Referenz auf deine "Tabelle" - die Variable tabelle.

Danke für die Hilfe ... das war mal so "Vor lauter Bäumen den Wald nicht sehen ...".
Fehlerkonsole: Hat leider keinen Fehler gemeldet, das war mein Problem ...
<tabelle>: Natürlich ... Blind ... ist nichtmal so, dass ich es nicht wüsste

Danke nochmal für jede Hilfe. Einfach "tabelle" durch "table" im createElement austauschen und schon klappt es.

Gruß
gunny

[kkapsner]

Sollte aber was in der Fehlerkonsole (Wo finde ich die Fehlerkonsole?) stehen, denn document.getElementById("tabelle") sollte NULL sein...

[ein schlauer]

Fehlerkonsole: Hat leider keinen Fehler gemeldet, das war mein Problem ...

Natürlich hat sie das oder du hast uns nicht den Code gezeigt, denn du benutzt, den mit diesem wird in dieser Zeile document.getElementById("tabelle").appendChild(tablebody); 100% ein Fehler angezeigt, wenn es die id tabelle nicht gibt.