document.getElementById（...）…不能正确地从表中获取文本

Question

HTML/JavaScript n00b here.

I have a table whose bottom row is composed of input cells:

<table class="convtbl" id="table1">

   <tr>
      <td>Distance 1 (in miles)</td>
      <td>Time 1 (hh:mm:ss)</td>
      <td>Distance 2 (in miles)</td>
      <td>Time 2 (hh:mm:ss)</td> 
   </tr>

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

</table>

I'm trying to make a function that changes the values inside the input cell. I haven't fully made the function, but as a test I used an alert to see if the text was properly grabbed out of column 1. Apparently it wasn't, because the alert is undefined . Any idea why?

function tdconvert()
{
    var d1 = document.getElementById("table1").rows.item(1).cells.item(0).firstChild.textConent;
    var t1 = document.getElementById("table1").rows.item(1).cells.item(1).firstChild.textConent;
    var d2 = document.getElementById("table1").rows.item(1).cells.item(2).firstChild.textConent;
    var t2 = document.getElementById("table1").rows.item(1).cells.item(3).firstChild.textConent;
    alert(d1);
}

Answer 1

这些是输入，您可能是说element.value ，而不是textConent ，如果这就是您要获取的内容，则至少应由textContent表示。

var d1 = document.getElementById("table1").rows.item(1).cells.item(0).firstChild.value;

Answer 2

you are accessing textContent attribute of textbox, thats the reason its throwing undefined. Try value attribute of textbox

document.getElementById("table1").rows.item(1).cells.item(0).firstChild.value;

It works i tested