在Javascript中使用表单元格值访问

Question

我有一个html表格。其中每个表格行包含多个输入文本区域，每个输入文本区域都具有由javascript动态分配的唯一ID。现在，我想将表格的第一列的所有ID都放入数组中。我在这件事上面临着问题。请帮帮我。

我的桌子的

HTML代码如下：

<table id="POITable"> 
    <tr> 
     <th>Item</th> 
     <th>Brand</th> 
     <th>UOM</th> 
     <th>Quantity</th> 
     <th>Remarks</th> 
    </tr> 

    <tr style="visibility:hidden;">    <!-- This is just a dummy row--> 
     <td><input size=25 type="text"/></td> 
     <td><input size=25 type="text"/></td> 
     <td><input size=25 type="text"/></td> 
     <td><input size=25 type="text"/></td> 
     <td><input size=25 type="text"/></td> 
     <td><img alt="Icon" src="/assets/add-icon.png" id="addmorePOIbutton" onclick="insRow()" /></td> 
     <td><img alt="Icon" src="/assets/minus-icon.png" id="delPOIbutton" onclick="deleteRow(this)"/></td> 
    </tr> 

    <tr> 
     <td><input size=25 type="text"/></td> 
     <td><input size=25 type="text"/></td> 
     <td><input size=25 type="text"/></td> 
     <td><input size=25 type="text"/></td> 
     <td><input size=25 type="text"/></td> 
     <td><img alt="Icon" src="/assets/add-icon.png" id="addmorePOIbutton" onclick="insRow()" /></td> 
     <td><img alt="Icon" src="/assets/minus-icon.png" id="delPOIbutton" onclick="deleteRow(this)"/></td> 
    </tr> 
</table> 

现在我的JavaScript代码来把输入文本框的ID是：

function make_summary() 
    { 
    var arr=new Array(); 
    var x=document.getElementById('POITable'); 
    var size=x.rows.length; 

    for (i=2;i<=x.rows.length-1;i++) 
    { 
     var each_row=x.rows[i]; 
     var each_col=each_row.cells[1]; 
     console.log(each_col); 
    } 
    } 

我可以访问每一个表的数据，我意味着td标签，但是由于每个td标签内都有<input>标签，所以如何访问该输入标签元素？

each_col.getElementByTagName();不起作用。这是抛出错误。

请给我一些解决方案。请给我只有JavaScript解决方案（请不要jquery）。

Answer 1

因为有你td标签总是只有一个元素，你可以访问内部元件与

each_col.getElementsByTagName('input')[0]; 

记住getElementsByTagName()返回的HTMLCollection，不是一个单一的元素 - 所以你必须指定的您想要定位的元素。

顺便说一句...没有方法叫getElementByTagName() - 这可能是混淆来自何处。这是元素的复数 - >元素

getElementsByTagName() 
     ^