获取表中输入值的Javascript

获取表中输入值的Javascript,javascript,html,input,html-table,Javascript,Html,Input,Html Table,我只是想知道是否有可能在表中获取html输入的值,而不单独命名每个输入,并直接在输入上使用getElementById,因此如果我有下表 <table id="table01"> <tr> <td>row 0 cell 0</td> <td>row 0 cell 1</td> </tr> <tr> <td>row 1 cell 0</td> &l

我只是想知道是否有可能在表中获取html输入的值,而不单独命名每个输入,并直接在输入上使用getElementById,因此如果我有下表

<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>
这将给出我想要的值,即“第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>

第0行单元格0
第0行单元格1
第1行单元格0
第1行第1单元
那么,是否有可能按照

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

var lv_input=document.getElementById(“table01”).rows[0]。cells[2]。input.value;
控制台日志(lv_输入);

要获取第一行中输入的值,应执行以下操作:

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);
var lv_input = document.getElementById("table01").rows[0].cells[2].querySelector('input').value;
console.log(lv_input);