如何使用javascript获取特定表格单元格中的输入值？

Question

我想知道如何使用javascript在特定的表格单元格中获取input的值？

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

我认为获取特定单元格的innerHTML非常简单，例如：

var x = document.getElementById("tabela").rows[2].cells[3].innerHTML

但这只给了我input没有value。将.value添加到该行的末尾不起作用。我很感激你的帮助！

Answer 1

如果您所关注的元素上没有id，那么您可以通过以下方式获得td的第一个孩子：

var x = document.getElementById("tabela").rows[n].cells[n].children[0].value;

或者，如果您希望第一个孩子具体输入，那么：

var x = document.getElementById("tabela").rows[n].cells[n].getElementsByTagName('input')[0].value;

Answer 2

您可以像这样使用firstChild.value：

var x = document.getElementById("tabela").rows[2].cells[3].firstChild.value;

Demo

Answer 3

如果您可以为输入元素提供id，

HTML

<td><input type="text" id="text1"/></td>

JS

var x = document.getElementById("text1").value;

Answer 4

您可以使用querySelector() DOM方法：

document.querySelector('#tabela tr:nth-child(2) td:nth-child(3) > input').value

JSFiddle