使用DOM从动态html表中提取数据

Extracting data from a dynamic html table using DOM

本文关键字：提取 数据 html DOM 动态 使用      更新时间：2023-09-26

首先我想说，我是新的javascript，所以这可能看起来像一个简单的问题。我试图使用DOM从动态生成的html表(表id ="tableId")中提取数据。表格的每个单元格都包含一个输入字段，用于获取用户输入。问题在下面javascript返回"null"总是检索输入字段值。我哪里做错了?

var mytable       = document.getElementById('tableId');
var mytablebody = mytable.getElementsByTagName("tbody")[0];
var myrow   = mytablebody.getElementsByTagName("tr")[0];
    var cell = myrow.getElementsByTagName("td")[0];
    var inputNode = cell.childNodes[0];
    var taskName  = inputNode.nodeValue; //??
    document.write("Task Name:" + taskName);

提前致谢

你可以做

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

文本输入字段(除非它是一个文本区域)，没有真正的.nodeValue。输入到表单字段中的数据存储在.value中。

相关文章：