Tabelle dynamisch in Seite einfügen

[MudGuard]

Hi,

var XTabelle = document.createElement("table");
var XId = document.createAttribute("id");
  XId.nodeValue = "Artikel";
  XTabelle.setAttributeNode(XId);
var XBgColor = document.createAttribute("bgcolor");
  XBgColor.nodeValue = "#FFFFFF";

Würd ich eher über CSS lösen ==> class-Attribut, zur Not auch style-Attribut...

XTabelle.setAttributeNode(XBgColor);

In HTML 4.01 enthält ein table-Element zwingend ein tbody-Element (auch wenn es im Quelltext nicht immer erscheint - beide tags sind optional).
Erst darin befinden sich die tr-Elemente.

var XZeile = document.createElement("tr");
  XTabelle.appendChild(XZeile);
var XSpalte = document.createElement("td");
   XZeile.appendChild(XSpalte);
  var XAbschnitt = document.createElement("p");
   XSpalte.appendChild(XAbschnitt);
  var XText = document.createTextNode(" ");

XAbschnitt.appendChild(XText);

var Ausgabebereich = document.getElementById("suchergebnis");
Ausgabebereich.appendChild(XTabelle);
Ausgabebereich.appendChild(XZeile);

Die tr soll ins div? Die gehört aber ins tbody, welches in table gehört.

Ausgabebereich.appendChild(XSpalte);

Die td soll ins div? Die gehört doch ins tr

Ausgabebereich.appendChild(XAbschnitt);

Ok, der Absatz darf ins div. Aber der sollte doch in die Zelle, oder?

Ausgabebereich.appendChild(XText);

Und der Text darf auch direkt ins div. Aber der sollte doch in den Absatz, oder?

Was Du erzeugst, sieht grob so aus:
<div>
<table bgcolor="#FFFFFF"></table>
<tr></tr>
<td></td>
<p></p>
 
</div>

Weiß jemand weiter? Vielen Dank.

Setze die Kinder da ein, wo sie hingehören, nicht alle ins div.
Und benutz auch ein tbody.

cu,
Andreas