document.getElementById(...)....没有正确地从表中抓取我的文本

时间:2014-03-11 21:08:43

标签: javascript

HTML / JavaScript n00b在这里。

我有一个表格,其底行由输入单元格组成:

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

我正在尝试创建一个更改输入单元格内部值的函数。我还没有完全实现这个功能,但作为一个测试,我使用了一个警报来查看文本是否被正确地从第1列中删除。显然它不是,因为警报是undefined。知道为什么吗?

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);
}

2 个答案:

答案 0 :(得分:3)

这些是输入,你可能意味着element.value,而不是textConent,至少应该textContent,如果那是你想要得到的。

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

答案 1 :(得分:0)

你正在访问textbox的textContent属性,这就是它抛出undefined的原因。 尝试文本框的值属性

的document.getElementById(&#34;表1&#34)。rows.item(1).cells.item(0).firstChild.value;

我的测试工作