Извлечение данных из динамической HTML-таблицы с использованием DOM

Question

Сначала я хочу сказать, что я новичок в javascript, так что это может показаться простой проблемой. Я пытаюсь извлечь данные из динамически генерируемой html-таблицы (table id = "tableId"), используя DOM. Каждая ячейка таблицы включает в себя поле ввода для получения пользовательского ввода. Проблема ниже javascript всегда возвращает «ноль» при получении значения поля ввода. Что я тут не так делаю?

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

Такс заранее

Answer 1

Вы могли бы сделать

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

поля ввода текста (если это не текстовая область), на самом деле не .nodeValue. Данные, введенные в поле формы, сохраняются в .value.