Michi: Eventhandler dynamisch hinzufügen

Beitrag lesen

Hallo,

wenn Du Deiner Tabelle mit der Navigation eine ID gibst (zB. id="meinMenue"), kannst Du sie über document.getElementById("meinMenue") als "Objekt" ansprechen. Unter anderem hast Du dann Zugriff auf die "Unterobjekte" (tr, td, etc.) mit getElementsByTagName("TD").

var alleTDs = document.getElementById("meinMenue").getElementsByTagName("TD");
holt Dir also alle TDs aus Deiner Menütabelle in ein Array.

Das kannst Du nun durchlaufen und Deine Handler zuweisen:
for (var i=0; i<alleTDs.length; i++)  {
 alleTDs[i].onclick = function(e){machWas();};
 alleTDs[i].onmouseout = function(e){machWasAnderes();};
 ...
}

Viele Grüße

Michi