如何将动态创建的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属性,document而是parent_div引用你刚刚添加的div的变量.