Hinzufügen eines onclick-Ereignisses zu einer Tabellenzeile
Ich versuche, einer Tabellenzeile über Javascript ein onclick-Ereignis hinzuzufügen.
function addRowHandlers() {
var table = document.getElementById("tableId");
var rows = table.getElementsByTagName("tr");
for (i = 1; i < rows.length; i++) {
row = table.rows[i];
row.onclick = function(){
var cell = this.getElementsByTagName("td")[0];
var id = cell.innerHTML;
alert("id:" + id);
};
}
}
Dies funktioniert in Firefox wie erwartet, aber in Internet Explorer (IE8) kann ich nicht auf die Tabellenzellen zugreifen. Ich glaube, das hängt irgendwie damit zusammen, dass "this" in der onclick-Funktion als "Window" anstelle von "Table" (oder so ähnlich) identifiziert wird.
Wenn ich auf die aktuelle Zeile zugreifen könnte, könnte ich ein getElementById in der onclick-Funktion ausführen, indem ich keinen Weg finde, dies zu tun. Irgendwelche Vorschläge?
Vielen Dank!