Style Sheets-Attribute mit DOM

[Michael Stöckel]

Hallo,

ich habe mittels DOM die folgende Tabelle angelegt. Im Skript ist nur der Tabellenkopf zu sehen, was für mein Problem völlig ausreicht.

Hier ist der Quellcode:

var show = document.getElementById("anzeige");

var tbl = document.createElement("table");
tbl.setAttribute("align","center");
tbl.setAttribute("border","1");
tbl.setAttribute("width","30%");

var row = document.createElement("tr");
row.setAttribute("height","40px");
row.setAttribute("id","headline");

tbl.appendChild(row);

Ich möchte gerne innerhalb dieser Definitionen CSS-Attribute setzen, aber zum Beispiel document.getElementsByTagName("tr")[0].style.setAttribute wird ignoriert.

Muß ich document.getElementsByTagName("tr")[0].style.setAttribute an eine bestimmte Stelle einfügen?
Kann ich nur HTML-Attribute an diese Stelle setzen?

Danke für eure Hilfe

Gruß
Michael

[marvin]

Hallo,

Ich möchte gerne innerhalb dieser Definitionen CSS-Attribute setzen, aber zum Beispiel document.getElementsByTagName("tr")[0].style.setAttribute wird ignoriert.

Du erzeugst ein Attribut "class" und gibst ihm den Inhalt "meinestylesheetklasse". dann erstellst du eine css-datei mit den definitionen für .meinestylesheetklasse und referenzierst das css im html-Dokument (oder indem Du den <link>-tag per javascript/dom in den Baum einhängst)

Gruß, Marvin

[rfb]

Moin

mit

var row = document.createElement("tr");

hast du doch schon Zugriff auf den Elementknoten
mittels
row.style.backgroundColor="white";
könntest du also die Hintergrundfarbe ändern.
Andere CSS-Eigenschaften entsprechend.

Gruß
rfb