createElement und ein Funktionsproblem

[Jason]

Das Ergebniss sollte so aussehen:
<table style="padding:0px;border-spacing;0px;margin:0px">
<td id="Symbol" width="20%" style="padding:5px;background:#ffff00">
 &gt;
</td>
<td width="80%" bgcolor="#CCCCCC">
<form id="newText">
 aendert den Text
</form>
</td>
</tr>
</table>

Das is nur Übung...hat keine Sinn und Zweck...
Und jetzt gleich pinkelt sich bestimmt der ein oder andere vor lachen in die Hose :P p.s. ich bin Anfänger...
so sieht meine funktion so weit aus...

function createButton ()
  {
   var Attribut = document.createAttribute;
   var SucheTag = document.getElementsByTagName;
   var Styles = Attribut("style");

document.createElement("table");

Styles.nodeValue = "padding:0px;border-spacing:0px;margin:0px";
   SucheTag("table")[0].setAttributeNode("Styles");
   SucheTag("table")[0].appendChild("tr")
   SucheTag("tr")[0].appendChild("td")
   SucheTag("tr")[0].appendChild("td")
   Styles.nodeValue = "padding:5px;background:#FFFF00"
   SucheTag("td")[0].setAttributeNode("Styles");
   document.createTextNode("")
  }

Ja ich weis...Amateurhaft...kann mir da jemand Tipps geben oder hilfeleisten wie man das einfach...besser hinbekommt?Denn wenn ich so weitermache dann hab ich am ende nen ganz schön großen Haufen Code der wahrscheinlich auf 1/10 reduziert werden kann...Achja...es sollte doch mit dem createElement gebaut werden...