Javascript获取表中输入的值

Question

我只是想知道是否可以在不单独命名每个输入并直接在输入上使用 getElementById 的情况下获取表中 html 输入的值，所以如果我有下表

<table id="table01">
<tr>
    <td>row 0 cell 0</td>
    <td>row 0 cell 1</td>
</tr>
<tr>
    <td>row 1 cell 0</td>
    <td>row 1 cell 1</td>
</tr>
</table>

我知道在 Javascript 中，您可以使用以下内容使用以下内容获取特定行中特定单元格的值

var lv_value = document.getElementById("table01").rows[0].cells[1].innerHTML;
console.log(lv_cont);

这会给我我想要的值，即“第 0 行单元格 1”。

如果我有一张像下面这样的桌子

<table id="table01">
<tr>
    <td>row 0 cell 0</td>
    <td>row 0 cell 1</td>
    <td><input type="text" class="tbl_input"></input></td>
</tr>
<tr>
    <td>row 1 cell 0</td>
    <td>row 1 cell 1</td>
    <td><input type="text" class="tbl_input"></input></td>
</tr>
</table>

那么是否可以按照以下方式做一些事情

<!-- this is obviously wrong -->
var lv_input = document.getElementById("table01").rows[0].cells[2].input.value;
console.log(lv_input);

获取第一行输入的值

Answer 1

你应该做这样的事情：

var lv_input = document.getElementById("table01").rows[0].cells[2].firstChild.value;
console.log(lv_input);

或使用querySelector来查找输入元素

var lv_input = document.getElementById("table01").rows[0].cells[2].querySelector('input').value;
console.log(lv_input);