javascript - 如何通过数组循环创建具有innerHTML值/textnode的表单元格

我试图运行一个Javascript循环来创建一个表，其中包含来自数组的值:
我附加了文本节点，并尝试将文本节点作为数组值，长度为每td一个。
到目前为止，这是我的代码，它将仅创建一个具有“undefined”值的单元格:

function addtd(){
      var table1 = document.getElementsByTagName('table')[0];
      var rowrow =  document.createElement('tr');
      var foods = new Array();

      foods[0] = "milk" ;`enter code here`
      foods[1] = "meat" ;
      foods[2] = "fruit" ;
      foods[3] = "fish" ;
      foods[4] = "salad" ;

      for ( var i=0;i<foods.length;i++)

      var cell1  =  document.createElement('td').innerHTML = 'foods[i]';
      var text1 = document.createTextNode(foods[i]) ;

      cell1.appendChild(text1);
      rowrow.appendChild(cell1);
      table1.appendChild(rowrow);
      }

       <div id="divfood"> </div>
       <button onclick="addtd()">Click me</button>`enter code here`
       <table border="2" id="tabletable" cellspacing="5" >
       </table>

最佳答案

我会改变这个-

var cell1  =  document.createElement('td').innerHTML = 'foods[i]';

至

var cell1  =  document.createElement('td');
cell1.innerHTML = 'foods[i]';

我不希望在将其innerHTML内联链接到cell1时正确设置cell1，但是尚未对其进行测试。