javascript - 如何将动态创建的 div 附加到另一个动态创建的 div？

Question

我正在尝试将动态创建的添加div到另一个动态创建div的，但我在 Chromium JavaScript 控制台中不断收到错误消息“无法调用appendChild未定义的方法。我不确定为什么会这样。这是我的代码用过的：

for(var i=3; i < 8; i++)
{
      var parent_div = document.createElement('div');
      parent_div.setAttribute('class',"bottom_block left");
      document.body.appendChild(parent_div); //Append parent_div to body. This works fine

      var child_div = document.createElement('div');
      child_div.setAttribute('class', "content SA");
      child_div.setAttribute('id', "SA"+i);
      document.parent_div.appendChild(child_div); // This is 
 }

Answer 1

而不是document.parent_div.appendChild()使用parent_div.appendChild().

document.parent_div正在寻找的parent_div属性documentwhileparent_div是引用您刚刚添加的 div 的变量。