appendChild是" eat"这些孩子

时间:2012-11-06 18:51:57

标签: javascript dom appendchild

我的结构是一个很大的div容器:

var bigcontainer = document.createElement('div');

包含三个项目:标题,一组按钮和主要信息:

var divheader = document.createElement('div');
var divbuttons = document.createElement('div');
var divinfo = document.createElement('div');

这三个项目是分开的,没有一个在彼此内部。它们是大div容器内的三个独立实体。

他们可以被视为bigcontainer的孩子吗?

我这样做:

bigcontainer.appendChild(divheader);
bigcontainer.appendChild(divbuttons);
bigcontainer.appendChild(divinfo);

按钮和标题消失。唯一可见的是divinfo。这是否意味着标题和按钮不会被视为bigcontainer的子项?

感谢您的帮助。我很难理解DOM树,但我会到达那里......

1 个答案:

答案 0 :(得分:1)

您是否尝试将它们插入两个不同的位置?如果是这样,appendChild将从之前的位置移动节点。