Lấy các giá trị từ bảng trường văn bản javascript

Question

Tôi có một biểu mẫu thực sự là một bảng các trường văn bản. Html trông giống như thế này:

<form> 
    <table id="table"> 
      <tr> 
       <th>Player</th> 
       <th>Number</th> 
       <th>Con.per.day</th> 
       <th>P.100.kg</th> 
       <th>P.day</th> 
       <th>I.month</th> 
      </tr> 

      <tr> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td>Result</td> 
      </tr> 


      <tr> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td>Result</td> 
      </tr> 


      <tr> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td><input type="text" /></td> 
       <td>Result</td> 
      </tr> 

     </table> 
     <input type="button" name="rank" value="Rank" onClick="rankPlayers(this.form)"/> 
    </form> 

Tôi muốn lặp lại tất cả các trường và nhận giá trị khi nhấn nút, nhưng tôi nhận được không xác định được trả về trong nhật ký bảng điều khiển. Tôi không muốn sử dụng ID cho mỗi lĩnh vực như tôi muốn làm một số hoạt động cột (thêm, nhân). Tập lệnh của tôi cho cột đầu tiên trông giống như sau:

  function rankPlayers(){ 
      var table=document.getElementById("table"); 
      for(var i=1; i<table.rows.length;i++){ 

        console.log(table.rows[i].cells[0].value); 
      } 
     } 

Mẹo nào? Cảm ơn

Answer 1

Bạn cần phải chọn đầu vào từ các tế bào:

// ------------------------------------v 
console.log(table.rows[i].cells[0].firstChild.value); 

---

Nếu bạn có thể có anh chị em (ngay cả khoảng trắng) xung quanh các đầu vào, sau đó bạn có thể sử dụng bộ sưu tập .children để nhắm mục tiêu các phần tử chính xác.

// ------------------------------------v 
console.log(table.rows[i].cells[0].children[0].value); 

---

Answer 2

Bạn có thể thay đổi vòng lặp của bạn để:

var table=document.getElementsByTagName("td"); 
    for(var i=1; i<table.length;i++){ 
     console.log(table[i].firstChild.value); 
    } 

này được tất cả td yếu tố, vòng họ, và kiểm tra giá trị firstChild