Javascript：未定义的表

我通过Django模型的Javascript创建了一个表。创建此表后，我无法从其他javascript函数访问其单元格值，引发的错误是该表“未定义”

HTML

字段0
字段1
字段2
字段3
字段4
字段5
字段6

创建表的JS代码：

<script type="text/javascript">
    var imageObjectTable = [];
    var imageTable =[];
    var dateTable =  [];
    var urlTable = [];
    var commentTextTable =[];
    var commentUserTable =[];
    var commentUserProfilePicTable = [];
    var commenteDateTable =[];
    var i = 0;

    {% for imagemodel in imagemodel %}
        imageObjectTable.push("{{ imagemodel }}");
        imageTable.push("{{ imagemodel.image }}");
        dateTable.push("{{ imagemodel.date_taken }}");
        urlTable.push("{{ imagemodel.image.url }}");


        {% for comment in imagemodel.comments.all %}
            commentTextTable.push(new Array());
            commentTextTable[i].push("{{ comment.text }}");
            commentUserTable.push(new Array());
            commentUserTable[i].push("{{ comment.user }}");
            commentUserProfilePicTable.push(new Array());
            commentUserProfilePicTable[i].push("{{ comment.user.profile.profile_pic }}");
            commenteDateTable.push(new Array());
            commenteDateTable[i].push("{{ comment.created_date }}");
            {% empty %}
            commentTextTable.push(new Array());
            commentTextTable[i].push("No comment yet");
            commentUserTable.push(new Array());
            commentUserTable[i].push("No text comment yet");
            commenteDateTable.push(new Array());
            commenteDateTable[i].push("No date comment yet");
        {% endfor %}

        i = i+1;
    {% endfor %}

    table = document.getElementById("galleryTable");

          for(var i = 0; i < imageTable.length; i++)
           {
               // create a new row
               var newRow = table.insertRow(table.length);
               var cell0 = newRow.insertCell(0);
               cell0.innerHTML = imageTable[i];
               var cell1 = newRow.insertCell(1);
               cell1.innerHTML = dateTable[i];
               var cell2 = newRow.insertCell(2);
               cell2.innerHTML = urlTable[i];
               var cell3 = newRow.insertCell(3);
               cell3.innerHTML = "<input type='radio' name='RadioGroup1' onchange=\"setImage1('" + urlTable[i] + "','" + commentTextTable[i] + "','" + commentUserTable[i] + "','" + commenteDateTable[i] + "','" + commentUserProfilePicTable[i] +"')\">" ;
                var cell4 = newRow.insertCell(4);
               cell4.innerHTML = "<input type='radio' name='RadioGroup2' onchange=\"setImage2('" + urlTable[i] + "','" + commentTextTable[i] + "')\">" ;
                var cell5 = newRow.insertCell(5);
               cell5.innerHTML = "<input type='radio' name='RadioGroup3' onchange=\"setImage3('" + urlTable[i] + "','" + commentTextTable[i] + "')\">" ;
                var cell6 = newRow.insertCell(6);
               cell6.innerHTML = "<input type='radio' name='RadioGroup4' onchange=\"setImage4('" + urlTable[i] + "','" + commentTextTable[i] + "')\">" ;
           }
</script>

var-imageObjectTable=[]；
var imageTable=[]；
var dateTable=[]；
var urlTable=[]；
var commentTextTable=[]；
var commentUserTable=[]；
var commentUserProfilePicTable=[]；
var commenteDateTable=[]；
var i=0；
{imagemodel%中imagemodel的%1}
push（“{imagemodel}”）；
push（“{imagemodel.image}}”）；
dateTable.push（“{imagemodel.date_take}”）；
push（“{imagemodel.image.url}”）；
{%用于imagemodel.comments.all%中的注释}
push（新数组（））；
commentTextTable[i].push（“{comment.text}”）；
push（新数组（））；
commentUserTable[i].push（“{comment.user}”）；
commentUserProfilePicTable.push（新数组（））；
commentUserProfilePicTable[i].push（“{{comment.user.profile.profile_pic}”）；
commenteDateTable.push（新数组（））；
commenteDateTable[i].push（“{comment.created_date}”）；
{%empty%}
push（新数组（））；
commentTextTable[i].push（“尚未发表评论”）；
push（新数组（））；
commentUserTable[i].push（“还没有文本注释”）；
commenteDateTable.push（新数组（））；
commenteDateTable[i].push（“还没有日期注释”）；
{%endfor%}
i=i+1；
{%endfor%}
table=document.getElementById（“galleryTable”）；
对于（var i=0；i

最后，一个导致未定义表错误的JS函数示例：

          function oneImageView() {

          var im2 = document.getElementById("2x2_topright");
          var im3 = document.getElementById("2x2_bottomleft");
          var im4 = document.getElementById("2x2_bottomright");


          var tbl  = document.getElementById('galleryTable');
          var rows = tbl.getElementsByTagName('tr');

          for (var row=0; row<rows.length;row++) {
              var cels = rows[row].getElementsByTagName('td')
              alert(rows[row].lenght); 
              //cels[2].style.display= "none";
            }
}

函数oneImageView（）{
var im2=document.getElementById（“2x2_右上角”）；
var im3=document.getElementById（“2x2_左下角”）；
var im4=document.getElementById（“2x2_右下角”）；
var tbl=document.getElementById（'galleryTable'）；
var rows=tbl.getElementsByTagName（'tr'）；
对于（var row=0；row嘿，您正在访问此代码中的
tr
标记，因为第一行是
th
not
td

for (var row=0; row<rows.length;row++) {
              var cels = rows[row].getElementsByTagName('td')       // error is here 
              alert(rows[row].lenght); 
              //cels[2].style.display= "none";
  }

for（var row=0；row检查使用tagI插入的javascript文件的顺序我尝试将这两个函数放在同一个脚本标记中，并放在两个不同的脚本标记中，一个在另一个之前，反之亦然：它仍然是“未定义的”。请注意，脚本位于我的body标记的末尾。您有其他解决此问题的方法吗？
for (var row=0; row<rows.length;row++) {
              var cels = rows[row].getElementsByTagName('td')       // error is here 
              alert(rows[row].lenght); 
              //cels[2].style.display= "none";
  }