Javascript - получить все таблицы -> tr> значения id

Question

Я хотел бы получить доступ ко всем значениям поля таблицы tr id.

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

Я хотел бы, используя функцию javascript, получить массив и получить доступ к

[1,2,3,4,5]

Большое спасибо!

Answer 1

var idArr = [];

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

for(var i=0;i<trs.length;i++)
{
   idArr.push(trs[i].id);
}

Answer 2

Имейте в виду, что идентификаторы HTML должны начинаться с буквенно-цифрового символа для проверки, а getElementsByTagName возвращает коллекцию, а не массив. Если то, что вы действительно хотите, это массив всех строк вашей таблицы, вам не нужно присваивать ID каждому. Попробуйте что-то вроде этого:

<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]);
   }
}