Zugriff auf Image eines bestimmten Nodes im DOM

[Elena]

Hallo liebe Gemeinde,

also ich habe folgendes Problem: Ich möchte beim Anklicken eines Bildes zwei JS-Funktionen aufrufen. Die eine klappt eine Zeile einer Tabelle auf, die andere tauscht das verlinkte Bild aus. Bei zugeklappter Zeile ist also ein anderes Bild sichtbar, als bei aufgeklappter Zeile. Das klappt auch soweit.

Nun ist das Problem aber, dass ich diesen Algorithmus an seeeeeeeehr vielen Stellen aufrufen muss und den JS-Funktion daher die Referenzen auf die jeweiligen Elemente, die das ganze betrifft, mitgeben will.

Im Moment sieht das ganze so aus:

<a href="#" onFocus="this.blur()" OnClick="expandRow(document.getElementById('myTablerow')); changeImage(document.getElementById('myImage'), 1); return false;">  
   <img id="myImage" border="0" src="../bilder/Icon_Aufklappen.gif" height="30 px" align="top">  
</a>

Das funktioniert auch. Ich würde aber gerne ohne Ids in den Images und Rows arbeiten, damit ich den Code an den 1000 Bearbeitungs-Stellen ohne Modifizierung übernehmen kann. Ich würde also gerne innerhalb des Aufrufes von changeImage() auf das <img../>-Element zugreifen, ohne dass dieses eine eindeutige ID hat. Genauso bei der Tabellenzeile. Ich habs schon mit this.childNodes[0] anstatt document.getElementById('myImage') probiert. Denn this ist doch eigentlich das <a>-Element und ChildNodes[0] dann das <img>?!? Aber das klappt nicht.

Kann mir jemand sagen wieso und wie ich es besser machen kann?

Vielen Dank!
Elena