如何使用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的元素上沒有任何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;

演示版

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