title: Get values from table of text fields javascript
body: <p>I have a form which actually is a table of text fields. The html looks like this:</p>
  
  <pre><code>&lt;form&gt;
    &lt;table id="table"&gt;
              &lt;tr&gt;
                &lt;th&gt;Player&lt;/th&gt;
                &lt;th&gt;Number&lt;/th&gt;
                &lt;th&gt;Con.per.day&lt;/th&gt;
                &lt;th&gt;P.100.kg&lt;/th&gt;
                &lt;th&gt;P.day&lt;/th&gt;
                &lt;th&gt;I.month&lt;/th&gt;
              &lt;/tr&gt;
  
              &lt;tr&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;Result&lt;/td&gt;
               &lt;/tr&gt;
  
  
              &lt;tr&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;Result&lt;/td&gt;
              &lt;/tr&gt;
  
  
              &lt;tr&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
                &lt;td&gt;Result&lt;/td&gt;
              &lt;/tr&gt;
  
          &lt;/table&gt;
          &lt;input type="button" name="rank" value="Rank" onClick="rankPlayers(this.form)"/&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>I would like to iterate all fields and get the values at the press of the button, but I get undefined returned in the console log. I don't want to use IDs for each field as I want to do some column operations (add, multiply). My script for the first column looks like this:</p>
  
  <pre><code>            function rankPlayers(){
              var table=document.getElementById("table");
              for(var i=1; i&lt;table.rows.length;i++){
  
                      console.log(table.rows[i].cells[0].value);
              }
          }
  </code></pre>
  
  <p>Any tips? Thanks</p>