用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>

現在，我用於輸入輸入文本框ID的JavaScript代碼是：

  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()方法-這可能是造成混亂的地方。 這是Element-> Elements的復數

getElementsByTagName()
          ^