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

使用 parent_div.appendChild() 代替 document.parent_div.appendChild()。

document.parent_div 正在寻找 document 的 parent_div 属性，而 parent_div 是引用您刚刚添加的 div。