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

How can I get the value of an input in a specific table cell using javascript?

本文关键字：单元格 输入 表单 javascript 何使用      更新时间：2023-09-26

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

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

我认为获得特定细胞的innerHTML非常简单，例如:

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

但这只给我input没有它的value。将.value添加到该行的末尾不起作用。谢谢你的帮助!

如果你的元素没有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;

您可以这样使用firstChild.value:

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

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

HTML 

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

JS 

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

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

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

JSFiddle

相关文章：