Javascript，未捕获类型错误:无法读取属性“”;细胞”;的未定义

我正在尝试使用Javascript中的表。

我有一个创建空表的功能，

//This function will create an empty table of a length of vars+1
//This function will create the header slots as well as empty data slots
function empty_Table(){
        document.write("<table border='"1'" id='"myTable'" >");
        var my_Structure = steps_Structure(steps);
        var vars = my_Structure[0].second.split(",");//This will create an array,str, of multiple variables
        //first row
        document.write("<TR>");
        for (var i = 0; i<vars.length+2; i+=2){
                document.write("<TH></TH>");
        }
        document.write("</TR>");
        //second row
        document.write("<TR>");
        for (var i = 0; i<vars.length+2; i+=2){
                document.write("<TD></TD>");
        }
        document.write("</TR>");
        //third row
        document.write("<TR>");
        for (var i = 0; i<vars.length+2; i+=2){
                document.write("<TD></TD>");
        }
        document.write("</TR>");
        document.write("</Table>");
        return;
}

以及修改该表的功能，

//This function is to begin drawing the variable display table
//This function should create a dynamic table that grows depending on the values in steps
function draw_Table(){
        var my_Structure = steps_Structure(steps);
        empty_Table();
        var myTable = document.getElementById('myTable');
        //draw first row
        var vars = my_Structure[0].second.split(",");//This will create an array, of multiple variables
        myTable.rows[0].cells[0].innerHTML = 'Variables:';
        //for (var i = 0; i<vars.length; i+=2){
                //document.write("<TH>",vars[i],"</TH>");
        //}
        //draw second row
        var pairs = my_Structure[step_Cur].second.split(",");                                                                                  
        myTable.rows[1].cells[0].innerHTML = 'Current Value:';
        //for (var i = 1; i<(pairs.length); i+=2){
                //document.write("<TD>",pairs[i],"</TD>");
        //}
        //third row                                                                                                    
        myTable.rows[2].cells[0].innerHTML = 'Last Value:';
}

3条线路给我带来麻烦

myTable.rows[1].cells[0].innerHTML = 'Variables:';
myTable.rows[2].cells[0].innerHTML = 'Current Value:';
myTable.rows[3].cells[0].innerHTML = 'Last Value:';

在chrome中，我看到错误"Uncaught TypeError:无法设置未定义的属性'innerHTML'"，但不知道如何修复它。

我不是一个javascript用户——我只是被指派编写一个工具来显示解决函数的步骤——在这方面，我对javascript的了解非常少，并且正在与这个表作斗争

它应该如何工作：给定变量及其值的列表制作一个由3行组成的表，列的数量与传递的变量数量相对应。

   Variables:|   a  |   b  |  c
 Current Val:| val1 | val2 | val3
previous val:| val1 | val2 | val3

其中，前一个val显示函数前一步的值，当前val显示函数每个变量的当前值，变量给出变量。

创建表时，变量和标题是不变的，每次按下"下一步"/"上一步"按钮显示下一步/上一步时，表中的值都会发生变化。

感谢您提供的任何帮助！

编辑：在这个伟大的社区的帮助下发现了错误——未定义错误的"单元格"是由一个偏离一的下标引起的，原始错误是由我的表创建错误引起的。在实际添加数据之前，我关闭了<TR>。