Уложить значение в ячейку таблицы

[Bayern_M]

Здравствуйте!
Осваиваю потихоньку javascript, но пока все получается не сразу Прошу направить на пусть истинный

Есть таблица с id. Таблица содержит 4 строки, столбцы которой помечены с помощью class ("val", "pz" и тд).
Используя библиотеку d3.js, селектом получаю таблицу. Затем получаю массивы по классам "val" и тд
Запускаю сторонний свой баш скрипт, который возвращает мне json данные (массив объектов). Пытаюсь уложить данные json в ячейки таблицы в цикле, но firebug мне выдает ошибку

TypeError: val[i].html is not a function

val[i].html(text.bd[i].val);

Менял атрибут html и на innerHTML, и на text - ничего не работает. Подскажите правильный атрибут в моем случае, чтобы получить доступ к ячейке.

<table id = "shmid2260993">
            <tr>
                <td>Блок детектирования, ID</td>
                <td>Текущее значение</td>
                <td>Предупредительная уставка</td>
                <td>Аварийная уставка</td>
                <td>Статус</td>
            </tr>
            <tr>
                <td>1</td>
                <td class = "val">0.087</td>
                <td class = "pz">0.23</td>
                <td class = "az">0.3</td>
                <td class = "status">0</td>
            </tr>
            <tr>
                <td>2</td>
                <td class = "val">0.087</td>
                <td class = "pz">0.23</td>
                <td class = "az">0.3</td>
                <td class = "status">0</td>
            </tr>
            <tr>
                <td>3</td>
                <td class = "val">0.087</td>
                <td class = "pz">0.23</td>
                <td class = "az">0.3</td>
                <td class = "status">0</td>
            </tr>
            <tr>
                <td>4</td>
                <td class = "val">0.087</td>
                <td class = "pz">0.23</td>
                <td class = "az">0.3</td>
                <td class = "status">0</td>
            </tr>
        </table>
        <script type="text/javascript" src="http://d3js.org/d3.v3.min.js" charset="utf-8">
        </script>
        <script type="text/javascript">
            var list = [{ value: null, next:null}, {value: null, next: null}];
            list[0] = {value: 2228224, next: list[1]};
            list[1] = {value: 2260993, next: list[0]};
            var node = list[0];

            var val;
            var pz;
            var az;
            var st;
            var i;

            setInterval(function() {
                d3.json("./cgi-bin/script1.sh?shmid=" + node.value, function(error, text){
                    if (error) return console.warn(error);
                    
                    table = d3.select("#shmid" + node.value);
                    val = table.select(".val");
                    pz = table.select(".pz");
                    az = table.select(".az");
                    st = table.select(".status");

                    for (i=0; i<4; i++){

                    val[i].html(text.bd[i].val);
                    pz[i].html(text.bd[i].pz);
                    az[i].html(text.bd[i].az);
                    st[i].html(text.bd[i].status);
                    }
                    node = node.next;
                })
            }, 1000);
            
        </script>

[Naive]

свойство

val[i].innerHTML = text.bd[i].val

[Bayern_M]

Сообщение от Naive

свойство

val[i].innerHTML = text.bd[i].val

Спасибо большое, что уделили внимание!
Но firebug говорит, что в таком случае val[i] is undefined.

Но ваш подход, мне кажется правильным.

Получается, что селект по таблице не возвращает массива val-ов?

[Bayern_M]

Нашел недочет - нужно использовать не просто select, а selectAll.
Но пока не работает

            setInterval(function() {
                d3.json("./cgi-bin/script1.sh?shmid=" + node.value, function(error, text){
                    if (error) return console.warn(error);
                    
                    table = d3.select("#shmid" + node.value);
                    val = table.selectAll(".val");
                    pz = table.selectAll(".pz");
                    az = table.selectAll(".az");
                    st = table.selectAll(".status");

                    for (i=0; i<4; i++){

                    val[i].innerHTML = text.bd[i].val;
                    pz[i].innerHTML = text.bd[i].pz;
                    az[i].innerHTML = text.bd[i].az;
                    st[i].innerHTML = text.bd[i].status;
                    }
                    node = node.next;
                })
            }, 1000);

[Bayern_M]

Сообщение от Bayern_M

Нашел недочет - нужно использовать не просто select, а selectAll.
Но пока не работает

            setInterval(function() {
                d3.json("./cgi-bin/script1.sh?shmid=" + node.value, function(error, text){
                    if (error) return console.warn(error);
                    
                    table = d3.select("#shmid" + node.value);
                    val = table.selectAll(".val");
                    pz = table.selectAll(".pz");
                    az = table.selectAll(".az");
                    st = table.selectAll(".status");

                    for (i=0; i<4; i++){

                    val[i].innerHTML = text.bd[i].val;
                    pz[i].innerHTML = text.bd[i].pz;
                    az[i].innerHTML = text.bd[i].az;
                    st[i].innerHTML = text.bd[i].status;
                    }
                    node = node.next;
                })
            }, 1000);

Разобрался