Javascript - get all table -> tr > id-Werte

Möchte ich Zugriff auf alle Werte einer Tabelle tr-id-Feld.

<table>
<tr id="1"></tr>
<tr id="2"></tr>
<tr id="3"></tr>
<tr id="4"></tr>
<tr id="5"></tr>
</table>

Was ich tun möchte, ist, Sie mithilfe einer javascript-Funktion, die ein array und haben Zugang zu 

[1,2,3,4,5]

Vielen Dank!

InformationsquelleAutor Miguel | 2010-02-15
  1. 13
    var idArr = [];

var trs = document.getElementsByTagName("tr");

for(var i=0;i<trs.length;i++)
{
   idArr.push(trs[i].id);
}
    • Nett, aber direkt vor der zweiten Zeile würde ich var table = document.getElementById("tableId"); dann ändern Sie die zweite Zeile zu table.getElementsByTagName("tr");. +1
    • Das ist ein guter Punkt, wenn er braucht, um zu erhalten die Zeilen für eine bestimmte Tabelle
    InformationsquelleAutor zincorp
  2. 3

    Bitte beachten Sie, dass die HTML-ids beginnen muss mit einem alphanumerischen Zeichen, um zu überprüfen, und getElementsByTagName gibt eine collection zurück, kein array. Wenn das, was Sie wirklich wollen ist ein array von all deinen Zeilen, es gibt keine Notwendigkeit, eine ID zuweisen jeder. Probieren Sie etwas wie dieses:

    <table id="myTable">
<tr><td>foo</td></tr>
<tr><td>bar</td></tr>
<tr><td>baz</td></tr>
</table>

var i, tr, temp;

tr = [];
temp = document.getElementById('myTable').getElementsByTagName('TR');
for (i in temp) {
   if (temp[i].hasOwnProperty) {
      tr.push(temp[i]);
   }
}
    InformationsquelleAutor Kent Brewster
Schreibe einen Kommentar