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

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

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

  

1 parentElem.appendChild(subElem);


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

比如:

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

  

posted @ 2012-03-06 17:24  bilipan  阅读(1672)  评论(0编辑  收藏  举报