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

Question

我正在尝试将动态创建的div添加到另一个动态创建的div，但我在Chromium JavaScript控制台中一直收到错误消息，指出“无法调用方法appendChild undefined。我不知道为什么会发生这种情况。这是我使用的代码：

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的{​​{1}}属性，而document是引用您刚刚添加的div的变量。