DOM: Wie setzte ich Attribute bei neu erzeugten Elementen

[Gizmo]

Hallo,

ich habe ein kleines Problem. Ich muss in einer bestehende Tabelle noch ein paar Zeilen hinzufügen und diesen Zeilen ein paar Elemente (Bild, Link etc.) einfügen. Nun habe ich das Problem, dass ich das nicht schaffe.

Im Moment hänge ich bei den Attribut-Merkmalen für die Elemente IMG:

Das Script läuft soweit und erstellt mir eine neue TR und eine neue TD (im Bereich ID sub3). Zu dem TD Tag füge ich Class="nav03" hinzu, was auch einwandfrei funktioniert.

Jetzt möchte ich ein Bild erzeugen was auch noch funktioniert, aber bei dem hinzufügen der Informationen für das Bild komme ich nicht weiter.

Ich habe bereits einiges versucht, da aber das neue Element keine ID hat,weiß ich nicht wie ich darauf zugreifen soll.

Hier das Script. Bis auf die letzten 3 Zeilen geht es auch einwandfrei:

var Zeile = 0;
function NeueReihe () {

var TR = document.getElementById("sub3").insertRow(Zeile);
    Zeile += 1;
    var TD1 = document.createElement("td");
    var TD1text = document.createTextNode('Test');
    TD1.appendChild(TD1text);
    TR.appendChild(TD1);

var StyleGuide = document.createAttribute("class");
  StyleGuide.nodeValue = "nav03";
  document.getElementById("sub3").lastChild.setAttributeNode(StyleGuide);

var Linie = document.createElement("img");
    TD1.appendChild(Linie);

var LinieSRC = document.createAttribute("src");
  LinieSRC.nodeValue = "/mainfiles/spacer_transparent.gif";

TDBereich = document.getElementById("sub3");
  IMGBereich = TDBereich.getElementsByTagName("img");

IMGBereich.setAttributeNode(LinieSRC);
// Hier kommt die Fehlermeldung das das Objekt die Methode nicht unterstützt.

}