Hallo,
aus einer HTML Tabelle möchte ich per JavaScript eine Zelle auslesen.
So ist die Tabelle aufgebaut:

Und das ist mein bisheriger Versuch zum Auslesen einer Zelle:

Naja, wäre auch zu schön gewesen, wenn das funktioniert hätte. Aber wie geht es richtig?

MfG
Marian

versuch mal

du kannst jedes element mit einer id direkt ansprechen. aber wenn du die TD's ansprechen willst, solltest du ihnen eindeutige id's geben.
die tr's brauchen keine id (denke nich dass du die iwie ansprechen willst) aber die td's kannst du zb so benennen:

<tr>
<td id="row1_col1"></td>
<td id="row1_col2"></td>
<td id="row1_col3"></td>
</tr>
<tr>
<td id="row2_col1"></td>
<td id="row2_col2"></td>
<td id="row2_col3"></td>
</tr>
... usw

Die einzelnen IDs der TD-Elemente müssen einheitlich sein.
Gibt es vielleicht noch eine andere Lösung, vielleicht so in der Art:

ids sind grundsätzlich dazu da um ein element einzigartig zu machen und es so einzelnd ansprechen zu können. mehrere elemente mit der gleichen id ist nicht der sinn der sache... wieso müssen die elemente die selbe id haben? wegen css? dafür gibts auch das attribute "class"

schau mal bei google nach "html validator" und "css validator"

@slice
bei dem Code bekomme ich leider immer eine Fehlermeldung:

TypeError: 'undefined' is not an object (evaluating 'document.getElementById("main").children[0].children[flugnummer].children')

Woran kann das liegen?

Poste mal bitte den kompletten Code. Und den Post von @Agita: solltest du beherzigen, ändere jedes id innerhalb der table zu class, danach kannst du mit folgenden zugreifen

Betroffener Javascript-teil:

Die Variable flugnummer ist 2, die Tabelle sieht testweise so aus, wie im Ausgangspostig erwähnt.

Aber ok, ich sehe, dass das viel aufwändiger ist, als den Teil abzuändern, der für die IDs verantwortlich ist.

slice schrieb:

document.getElementById("main").getElementsByClassName("main-flight-pilot")

sowas ist aber kein muss! im gegenteil, funktioniert das überhaupt? normalerweise spricht man mit getElementById() direkt das gewünschte element an

Stimmt, es ist kein muss aber es kommt sehr stark darauf an was man vor hat. Nehmen wir an man hat zwei Tabellen und will nur in einer die 2. Column ändern (in beiden Tabellen wird Col2 mit der class "data-col2" versehen) dann ist es sinnvoll zuvor eine selektion der Daten vorzunehmen.

Ja mit getElementById, aber da er mehrere Daten ansprechen möchte (die alle die class "main-flight-pilot" besitzen) kann er nicht mit getElementById arbeiten (siehe deinen zweiten Post :P)

Achja und ja klar funktioniert das jsbin.com/UWanOh/1/edit (quick'n'dirty)

Ok, habe es jetzt mit einheitlichen IDs gelöst.
Nächstes Problem:

Der Array "landings" enthält mehrere Werte, die folgenderweise aufgebaut sind:


Naja, die Fehlermeldung ist ebenfalls wieder sehr informativ...

TypeError: 'undefined' is not a function (evaluating 'landings[x].indexOf('f' + i)')

Auf jeden Fall funktioniert es nicht.

du musst auch lernen wie man selber debuggen kann versuch mal das hier:

slice schrieb:

Ja mit getElementById, aber da er mehrere Daten ansprechen möchte (die alle die class "main-flight-pilot" besitzen) kann er nicht mit getElementById arbeiten

ID != Class
aber ich weiß was du meinst weil er keine eindeutigen ids benutzt

Ok, das hätte ich jetzt wirklich selbst versuchen können
Kommt aber leider nur das raus, dass es eine Zahl ist.

http://de.selfhtml.org/javascript/objekte/string.htm#index_of
numeric besitzt keine indexOf() oder substr() Funktion das heisst in dem array befinden sich falsche sachen, da du anscheinend string- anstatt numeric-objekte erwartest. wo/wie werden denn die sachen zum array hinzugefügt ?

Versuchs mal mit der "Konsole" im dem Plugin Firebug da kannst du relativ schnell sehen ob du auf dem richtigen "Weg" bzw. Element bist