javascript - 使用javascript读取html表中输入标签中的值

Question

<table id="myTable" style="border: 1px solid; border-color: black; border-collapse: collapse;">
    <thead  style="background-color: silver;">
        <tr>
            <th >1</th>
            <th >2</th>
            <th >3</th>
            <th >4</th>
        </tr>
    </thead>
    <tbody  id="my_form">
        <tr>
            <td > <input type="text"> </td>
            <td > <input type="text"></td>
            <td ><input type="text"> </td>
            <td ><input  type="text"> </td>
        </tr>               
    </tbody>
</table>

这是我的 html 表，这是我读取其内容的 js 函数

var mytable=document.getElementById('myTable');
var row_length=myTable.rows.length;
for(var i=1;i<row_length;i++)
    {
        var cells=change_key_table.rows.item(i).cells;
        var cell_length=cells.length;
        var content = cells.item(0).innerText;
            alert(content);
    }

这给出了一个空白字符串。 innerText 不应该用于从表中读取值吗？有没有什么特定的方法可以从输入标签读取值？我在堆栈溢出中读到了很多与此相关的问题，但可以找到任何解决问题的方法

Answer 1

innerText should not be used to read the value from the table?

它不能用于从输入读取值。

is there any specific method to read value from input tags?

方法？不可以。您需要访问输入的 value 属性(这将是一个字符串)。

您可以完全绕过表结构的处理，因为它似乎没有做任何重要的事情。

var mytable = document.getElementById('myTable');
var myinputs = mytable.getElementsByTagName('input');
for (var i = 0; i < myinputs.length; i++) {
    alert(myinputs[i].value);
}