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

Javascript 如何将一个动态创建的div附加到另一个动态创建的div?,javascript,html,Javascript,Html,我试图将一个动态创建的div添加到另一个动态创建的div,但我在Chromium JavaScript控制台中不断收到一个错误,该错误表示“无法调用未定义的方法appendChild。我不确定为什么会发生这种情况。我使用的代码如下: for(var i=3; i < 8; i++) { var parent_div = document.createElement('div'); parent_div.setAttribute('class',"bottom_blo

我试图将一个动态创建的
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 
 }
for(变量i=3;i<8;i++)
{
var parent_div=document.createElement('div');
父分区setAttribute('class','bottom_block left');
document.body.appendChild(parent_div);//将parent_div追加到body。这很好
var child_div=document.createElement('div');
child_div.setAttribute('class','content SA');
child_div.setAttribute('id','SA'+i);
document.parent\u div.appendChild(child\u div);//这是
}

使用
parent\u div.appendChild()代替
document.parent\u div.appendChild()


document.parent\u div
正在查找
文档的
parent\u div
属性,而
parent\u div
是引用刚才添加的div的变量。

而不是
document.parent\u div.appendChild()
使用
parent\u div.appendChild()


document.parent\u div
正在查找
document
parent\u div
属性,而
parent\u div
是引用您刚才添加的div的变量。

谢谢!工作很有魅力!太好了!很高兴提供帮助!不要忘记接受这一正确答案,因为它帮助了您;这样其他人就可以h类似问题将能够找到答案:)祝你好运!谢谢!工作得很有魅力!太好了!很高兴能提供帮助!不要忘记接受这一正确答案,因为它对你有帮助;这样,其他有类似问题的人将能够找到答案:)祝你好运!