javascript - 使用java脚本读取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 从表中读取值？

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

有没有从输入标签中读取值的特定方法？

方法？不，您需要访问value输入的属性（这将是一个字符串）。

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

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