javascript - 如何使用 JavaScript 从表格中获取单元格值？

Question

我需要从具有文本字段的表格单元格中提取值。

就我而言，我得到如下结果：

input type="text" name="test1" onchange="myFunction()

但我想从文本字段中获取值。

我有这个功能。

function GetTableCells(){
var oTable = document.getElementById('cell_values');
    //gets table

var rowLength = oTable.rows.length;
//gets rows of table

for (i = 0; i < rowLength; i++){
//loops through rows

    var oCells = oTable.rows.item(i).cells;
    //gets cells of current row
    var cellLength = oCells.length;
        for(var j = 0; j < cellLength; j++){
        //loops through each cell in current row
            var cellVal = oCells.item(j).innerHTML;

                    alert(cellVal);
        } } }

Answer 1

innerHTML为您提供 HTML 代码，但您需要input元素的值。要获取值，您需要遍历单元格的内容，然后使用e.valuewhene是input元素的节点。

Answer 2

你可以这样做：

var input = oCells[j].firstElementChild || oCells[j].firstChild;
var cellVal = input.value;

Answer 3

根据您的事件，您可以将其传递给函数并在那里获取

<input type="text" name="test1" onchange="myFunction(this)">

myFunction(e){
  alert(e.value); // your value
}