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

时间:2011-11-04 16:11:03

标签: javascript dom

首先,我想说我是javascript的新手,所以这可能看起来像一个简单的问题。我想使用DOM从动态生成的html表(table 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);

Thaks in Advance

1 个答案:

答案 0 :(得分:1)

你可以做到

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

文本输入字段(除非它是textarea),实际上没有.nodeValue。输入表单字段的数据存储在.value