解决js中无法多次appendChild的问题

　　在用原生js创建dom标签后，无法多次添加子标签，感觉非常奇怪，于是查看appendChild()的用法。

　　通常添加子标签的方式是这样的：

　　

1 parentElem.appendChild(subElem);

　　但是要注意的是： 在添加前，subElem必须存在，不一定是显示到页面内，但一定要被创建。但是出现问题的根本所在是下一条：如果subElem已经被添加了，那么，再执行添加操作时，不会再被添加，只会更改subElem的位置状态，什么意思呢？

比如：

　　页面内只有1个div1， 此时若第一次添加新的标签div2到页面body内，则div2会排在div1的后面，与div1属于平级。如果再调用此方法，则不会再有新的标签产生，页面保持原状。如果重新将div2添加到div1中，则原来排在div1的位置就更新为div1的子标签内了，此时页面仍然只有两个div。

　　

转载于:https://www.cnblogs.com/bilipan/archive/2012/03/06/bili.html