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);
}

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

1 个答案: