Javascript - 获取所有表格 - ＆gt; tr> id值

Question

我想访问table 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 ID必须以字母数字字符开头才能验证，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]);
   }
}