javascript - 从表中的输入获取值

Question

我有以下代码:

function create_row() {
    var table = document.getElementById("main_table");
    var n = table.rows.length;
    var m = table.rows[0].cells.length;
    var row = table.insertRow(-1);
    var cell = row.insertCell(0);
    cell.innerHTML = n;
    var cell = row.insertCell(1);
    cell.innerHTML = "<input size=10>";
    for (i=2; i<m; i++) {
        var cell = row.insertCell(i);
        cell.innerHTML = "<input size=4>";
    } 
}

function print_values() {
    var table = document.getElementById("main_table");
    for (i=1; i<table.rows.length; i++) {
        console.log(table.rows[i].cells[1].innerHTML);
    }
}

但是，当我打印值时，我得到 <input size="10"> 。

问题是，当我创建一行时，我手动向表(在网页中)添加一些值，并且我想在日志中打印这些值。我如何访问这些值，但不能访问输入的 html？

我可能可以为每个输入表单分配一个 id，然后访问 value关键字，但认为使用表格单元格可能就足够了。

Answer 1

input 元素是表格单元格的子元素。并且您必须使用 .value 来获取输入的值，而不是 .innerHTML。

console.log(table.rows[i].cells[1].childNodes[0].value)