原生js中如何添加dom元素

1. appendChild()

• 概念：把要添加的节点添加到指定父级里面的最后面，所以也叫追加。
• 使用方式：fatherdom.appendChild( insertdom )。
• 兼容性：所有浏览器都支持此方法。

2. insertBefore()

• 概念：把要插入的节点添加到指定父级里面的指定节点之前。
• 使用方式：fatherdom.insertBefore( insertdom，chosendom )。
• 兼容性：所有浏览器都支持此方法，但是值得注意的是，如果第二个参数节点不存在，在IE和Safari下会把要添加的节点使用appendChild()方法追加到指定父级中，而其他主流浏览器（Firefox、Chrome、Opera等）下会报错，所以在插入节点的时候，需要先判断第二个参数节点是否存在

3. 举例

  
  
  
  




   
aa
  
bb

效果：